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

@megaguru · Регистрация: 12.11.2012

Студворк — интернет-сервис помощи студентам

Добрый день!

В общем стоит вопрос про cloud-zoom. Это экранная лупа, она работает прекрасно. Вот html-код:

HTML5
1
2
3
<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>

Т.е. наводишь на эту фотку - справа появляется то же самое в увеличенном масштабе.

Я чуток модернизировал страницу и внизу у меня появились дополнительные фото-превью товара:

HTML5
1
2
3
4
5
6
7
8
 <div class="subpictures">
                        {section name="prod_photo" loop=$PRODUCT_PHOTO_DATA}    
                        <div class="subpicture">
                            <a href="" onClick="show_big_photo({$PRODUCT_PHOTO_DATA[prod_photo].photo_id},{$smarty.get.product_id});return false;"><img src="images/catalog/{$PRODUCT_PHOTO_DATA[prod_photo].cat_path}/cat_{$PRODUCT_PHOTO_DATA[prod_photo].photo_path}" alt="" /></a>
                        </div>   
                        {/section}
 
                       </div>

Заранее прошу извинить, это не реальный html а шаблон смарти.
При клике на каждую из фоток, она должна заместить основную. Вот код функции:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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'));
           }
       }
   });
}

Соответственно кусок PHP-кода, который в этот момент исполняется:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
case 'show_big_photo':
       $data = array();
       $data['photo_id'] = $_POST['photo_id'];
       $data['product_id'] = $_POST['product_id'];
       
       $sql = 'SELECT product_photos.*, categories.cat_path FROM product_photos, categories WHERE product_photos.product_id = '.$data['product_id'].' AND product_photos.photo_id = '.$data['photo_id'].' AND categories.cat_id = (SELECT cat_id FROM products WHERE product_id = '.$data['product_id'].')';
       
       
       $db->query($sql);
       $result = $db->parse();
       
       $data['photo_href'] = 'images/catalog/'.$result['cat_path'].'/orig_'.$result['photo_path'];
       $data['photo_src'] = 'images/catalog/'.$result['cat_path'].'/'.$result['photo_path'];
       $data['result'] = true;
       die(json_encode($data));
      
       break;

Вот... до этого места всё замечательно. Фотка заменяется, а вот фото в лупе - нет! Хотя я меняю атрибут ссылки href. Т.е. нужно как: щёлкнул на превьюшку и сразу всё заменилось: основная фото и то что будет показываться в лупе. А вроде не канает...

Кто знает данный скрипт, подскажите пожалуйста, где что ещё нужно поменять? Вообще возможен описанный функционал с этим скриптом экранной лупы? Или поискать что-то другое?

Спасибо заранее!
[/JS]

Новые блоги и статьи Все статьи Все блоги /
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: показать затраченные материалы за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В качестве. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.

Опции темы