Кто-нибудь пользовался 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]

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .