У меня проблема с shadowbox, показывающим правильное изображение.У меня есть довольно простая галерея изображений с изображениями samll, среднего и большого размера.Вот пример jQuery:
$('.product-gallery li a').click(function() {
var imgmedium = $(this).children('img').attr('name');
var imglarge = $(this).attr('rel');
$('.product-main').children('a').children('img').attr('src',imgmedium);
$('.product-main').children('a').attr('href',imglarge);
return false;
});
Теперь все это работает, и DOM может сказать, что все необходимые теги меняются при нажатии, однако основное изображение в shadowbox, которое всегда открывается, является изображением по умолчанию.(не новый, загруженный через jQuery).
Есть ли способ обойти это?
HTML, который загружается:
<p class="product-main"><a href="images/test-product-1-large.jpg" rel="shadowbox"><img src="images/test-product-1-medium.jpg" alt="" width="420" height="587" /></a></p>
после нажатия на миниатюру изображенияэто становится (правильно, я могу сказать этот источник выбора просмотра в Firefox):
<p class="product-main"><a href="images/test-product-2-large.jpg" rel="shadowbox"><img src="images/test-product-2-medium.jpg" alt="" width="420" height="587" /></a></p>
Тем не менее, когда я нажимаю на ссылку, он открывает исходное изображение продукта-1 в shadowbox (очень раздражает).
Есть идеи?
ОБНОВЛЕНИЕ: Пример страницы здесь (http://www.adrianjacob.com/test/test.html)
ИСПРАВЛЕНО: Shadowbox.clearCache (); Shadowbox.setup ();
добавлено в функцию jquery :)
Ади