Уважаемые нужна помощь, всю голову уже сломал.
Имеем карточку товара (DIV), открывается (display: block
при клике на кнопку товара. На карточке, 4 превью и 1 большая фотография. Карточка при открытии заполняется следующим образом:
...
var src_image1s = "http://.../111111.jpg";
$('.superbox-img').attr("src", src_image1s);
...
При клике на превью большая фотография меняется, реализовал вот так:
$('.superbox-list').click(function() {
var step1 = $("div").find('.head1').find('.zoom').find('img');
var imgData = $(this).find('.superbox-img').data('img');
step1.attr('src', imgData);
alert(imgData);
});
т.е. я ищу src фотки из одного DIV и обновляю во втором, и вроде все хорошо. Закрываем DIV (display: none
.
Открываем его снова, но с уже другой кнопки и пихаем другие фотографии:
...
var src_image1s = "http://.../222222.jpg";
$('.superbox-img').attr("src", src_image1s);
...
Видим в превью новую фотографию 222222.jpg
Кликаем на превью (вызываем туже функцию, что и в первый раз):
$('.superbox-list').click(function() {
var step1 = $("div").find('.head1').find('.zoom').find('img');
var imgData = $(this).find('.superbox-img').data('img');
step1.attr('src', imgData);
alert(imgData);
});
И тут какая-то фигня, большая фотография всплывает из первого кейса. Алерт показывает src первой фотографии.
Хотя физически src источника обновляется при каждом открытии DIV (новое содержание DIV видно в отладчике), и функция уже должна тянуть его, а она откуда-то тянет первую ссылку.
В какую сторону копать?