jPicker - broken images

Question

Я использую Django и jquery, реализуя jPicker http://www.digitalmagicpro.com/jPicker/ в своем веб-приложении. Здесь я получаю разбитые изображения на цветном дисплее jPicker. Когда я проверяю код сервера он показывает, как этот

"GET /files/css/jPicker-1.1.6.min.css HTTP/1.1" 304 0 
"GET /files/css/jPicker.css HTTP/1.1" 304 0 
"GET /files/js/jquery-1.7.1.min.js HTTP/1.1" 304 0 
"GET /files/js/jpicker-1.1.6.min.js HTTP/1.1" 304 0 
"GET /jPicker/images/mappoint.gif HTTP/1.1" 404 3209 
"GET /jPicker/images/rangearrows.gif HTTP/1.1" 404 3218 
"GET /jPicker/images/Maps.png HTTP/1.1" 404 3197 
"GET /jPicker/images/map-opacity.png HTTP/1.1" 404 3218 
"GET /jPicker/images/Bars.png HTTP/1.1" 404 3197 
"GET /jPicker/images/bar-opacity.png HTTP/1.1" 404 3218 
"GET /jPicker/images/AlphaBar.png HTTP/1.1" 404 3209 
"GET /jPicker/images/preview-opacity.png HTTP/1.1" 404 3230 
"GET /jPicker/images/NoColor.png HTTP/1.1" 404 3206 

Файлы изображений не найдены там показывает 404, но я связала изображения папку в папке CSS правильно.

настройки

/home/nirmal/try/files/css/images/ 
/home/nirmal/try/files/css/jPicker.css 
/home/nirmal/try/files/css/jPicker-1.1.6.min.css 
/home/nirmal/try/files/js/jquery-1.7.1.min.js 
/home/nirmal/try/files/js/jpicker-1.1.6.min.js 

Мои Джанго являются

MEDIA_ROOT = '/home/nirmal/try/files/' 
MEDIA_URL = 'http://localhost:8000/files/' 

Какую ошибку я сделал, что делает изображения, чтобы быть на jPicker/изображений и не нашли?

Спасибо!

Answer 1

jPicker имеет переменную по умолчанию, который гласит, где находится папка изображения:

$.fn.jPicker.defaults = /* jPicker defaults - you can change anything in this section (such as the clientPath to your images) without fear of breaking the program */ 
{ 
    images: 
    { 
     clientPath: '/jPicker/images/', /* Path to image files */ 
    } 
} 

Вы должны перезаписать это значение по умолчанию для images.clientPath = '/files/css/images/', например, как:

Настройки

<script type="text/javascript">   
    $(document).ready(
    function() 
    { 
     $('#your-element').jPicker({images:{clientPath: '/files/css/images/'}}); 
    }); 
</script> 

Смотрите также раздел» 'at http://www.digitalmagicpro.com/jPicker/ (к плохую я не могу указать точное местоположение, но Ctrl + F - ваш друг).

Удача, Wout