Пробую прикрутить jquery галерею к django!

$(document).ready(function(){
                         $("#thumbnail li a").click(function(){
                         $("#large img").hide().attr({"src": $(this).attr("href"), "title": $("> img", this).attr("title")});
                         $("#large h2").html($("> img", this).attr("title"));
                         return false;
                          });
                         $("#large>img").load(function(){$("#large>img:hidden").fadeIn("slow")});
                                });
{% for product in product_list|slice:":10" %}
{% get_comment_count for product as comment_count %}
<div id="large">
<img src="" title="" alt="" />
</div>
<ul id="thumbnail">
<li><a href="{{ MEDIA_URL }}{{ product.filestatic }}"><img src="{{ MEDIA_URL }}{{ product.filestatic }}" title="" alt="{{ product.name }} {{ product.color }} {{ product.size }}" /></a></li>
</ul>
{% endfor %}

в large img получаю количество объектов равное thumbnail li a! как передать в large img один объект?

Нифига не понятно. В какой конкретно строке? При клике в обработчике события в this будет элемент, на который кликнули, а не результат $("#thumbnail li a").

Уменя вот эта строка

<img src="" title="" alt="" />

ждет два объекта, при загрузке страницы видны частичные border из css!
Вот вывод firebuga!

<div id="large">
<img alt="" title="" src="">
</div>
<ul id="thumbnail">
<li>
<a href="/shop/Majka2/1/">
</li>
</ul>
<div id="large">
<img alt="" title="" src="">
</div>
<ul id="thumbnail">
<li>
<a href="/shop/Majka1/2/">
</li>
</ul>

Хз. Никогда не использовал в селекторах ">"

Подскажите как лучше организовать галерею, что мне кажется что вполне можно обойтись и без jquery!?

Можно поискать готовое приложение. Можно прикрутить готовый скрипт на jQuery, их не мерено в гугле http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/

Честно говоря никогда галереи не делал. Можно и без JS, все через вьюхи. Одна выводит список галерей, другая - список изображений для галереи, третья - изображение с подробной информацией.

Для thumbnails лучше всего пожалуй будет https://github.com/sorl/sorl-thumbnail

Вы пользуетесь Firebug для FF? Там можно легко продебажить скрипт. Добавляете console.log($("#large>img")) и смотрите в консоле находит ли jQuery такой элемент. А вообще ошибка здесь, посмотрите документацию jQuery:

$("#large>img").load(function(){$("#large>img:hidden").fadeIn("slow")});