Кто-нибудь пользовался cloud-zoom? Есть вопрос.

M2
На сайте с 11.01.2011
Offline
341
373

Доброе утро!

В общем заюзал скрипт cloud-zoom. Суть его - экранная лупа. Всё функционирует отлично, но понадобилось мне сейчас исходную фоту поменять динамически аяксом.

Код такой:


<a id="photo_link" href="images/catalog/{$PRODUCT_DATA[prod].cat_path}/orig_{$PRODUCT_DATA[prod].photo_path}" class="cloud-zoom" rel="adjustX:14, adjustY:0, zoomWidth: 200">
<img id="photo_image" src="images/catalog/{$PRODUCT_DATA[prod].cat_path}/{$PRODUCT_DATA[prod].photo_path}">
</a>

Я применил следующий JS:


function show_big_photo(photo_id, product_id)
{
$.ajax({
url: 'includes/ajax.php?mode=show_big_photo',
data: {photo_id: photo_id, product_id:product_id},
dataType: 'json',
type: 'POST',
success: function(data)
{
if (data.result)
{
$('#photo_link').attr('href', data.photo_href);
$('#photo_image').attr('src', data.photo_src);

alert($('#photo_link').attr('href'));
}
}
});
}

alert-то выдаёт верные данные. А вот показывается увеличенной только первая фотка, т.е. та, которая в DOM была прописана. Как вот это исправить? Или что-то в скрипте cloud-zoom править? Или по-другому подставить атрибуты в a href и img src? Но я вроде правильно всё делаю в JS... в общем нужен совет по этому поводу.

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
S5
На сайте с 04.01.2010
Offline
77
#1

После изменеения дерева дом еще раз проинициализируйте скрипт зума. Он при инициализации по идее проставляет свои какието теги фоткам + вешает события, а вы ему голый html

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий