|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Увеличение изображения в стандартном окне (Совмещение двух функций) |
Увеличение изображения в стандартном окне |
Бодрый день. Уже несколько дней ломаю голову над одной проблемой, никак не могу реализовать (даже пытался копировать коды с других сайтов полностью, ничего не решил).
В общем, имеется страница: http://lemorel.ru/shop/17/desc/kurtka При наведении на изображение, мы получаем увеличенную картинку с правой стороны. Я же хочу понять, каким образом сделать так, чтобы еще при нажатии выходило стандартное окно Ucoz'а с увеличенными изображениями. Подобное реализовано здесь: http://modastyle.ucoz.ua/shop....a-vivit То есть имеет и zoom'ер и еще при нажатии выходит стандартное окно с изображениями. Как такое можно реализовать? На данный момент страница моего сайта имеет следующий код: Код <ul id="zoomer"> <li><img class="gphoto zoom_tmb_img" src="$PHOTO$" id="ipreview" /><img class="zoom_src_img" src="$PHOTO$" /></li> <?if($THUMB_1$)?><li><img class="zoom_tmb_img" src="$THUMB_1$" /><img class="zoom_src_img" src="$PHOTO_1$" /></li><?endif?> <?if($THUMB_2$)?><li><img class="zoom_tmb_img" src="$THUMB_2$" /><img class="zoom_src_img" src="$PHOTO_2$" /></li><?endif?> <?if($THUMB_3$)?><li><img class="zoom_tmb_img" src="$THUMB_3$" /><img class="zoom_src_img" src="$PHOTO_3$" /></li><?endif?> <?if($THUMB_4$)?><li><img class="zoom_tmb_img" src="$THUMB_4$" /><img class="zoom_src_img" src="$PHOTO_4$" /></li><?endif?> <?if($THUMB_5$)?><li><img class="zoom_tmb_img" src="$THUMB_5$" /><img class="zoom_src_img" src="$PHOTO_5$" /></li><?endif?> <?if($THUMB_6$)?><li><img class="zoom_tmb_img" src="$THUMB_6$" /><img class="zoom_src_img" src="$PHOTO_6$" /></li><?endif?> <?if($THUMB_7$)?><li><img class="zoom_tmb_img" src="$THUMB_7$" /><img class="zoom_src_img" src="$PHOTO_7$" /></li><?endif?> <?if($THUMB_8$)?><li><img class="zoom_tmb_img" src="$THUMB_8$" /><img class="zoom_src_img" src="$PHOTO_8$" /></li><?endif?> <?if($THUMB_9$)?><li><img class="zoom_tmb_img" src="$THUMB_9$" /><img class="zoom_src_img" src="$PHOTO_9$" /></li><?endif?> <?if($THUMB_10$)?><li><img class="zoom_tmb_img" src="$THUMB_10$" /><img class="zoom_src_img" src="$PHOTO_10$" /></li><?endif?> </ul> </div> |
| |||
| |||