- Автор темы
- #1
На данный момент во флайтпейдже картинки к товару отображаются вот так
, при наведении мышкой на картинку она просто меняется в большом окне, как переделать так чтобы при двойном клики на маленькое изображение оно открывалась в лайтбоксе? Можно убрать изменение картинки при наведении на нее мышкой а прикрутить лайтбокс
вот исходный код вывода изображений
<?php $imgquery = count($images); if($imgquery != 0?>
<div id="yagendoo_gallery_items">
<div class="yagendoo_vm_fly1_tl">
<div class="yagendoo_vm_fly1_tm">
<div class="yagendoo_vm_fly1_tr"></div>
</div>
</div>
<div class="yagendoo_vm_fly1_inner">
<div class="yagendoo_gallery_item">
<img src="<?php echo JURI::base().'components/com_virtuemart/shop_image/product/'.$product_full_image; ?>" alt="<?php echo $product_name ?>"/>
</div>
<?php $i = 2; foreach($images as $image) : ?>
<div class="yagendoo_gallery_item">
<img src="<?php echo JURI::base(); echo $image->file_name; ?>" alt="<?php echo $image->file_title.' '.$i; ?>"/>
</div><?php $i++;endforeach; ?>
<div class="yagendoo_clear"></div>
</div>
</div>
, при наведении мышкой на картинку она просто меняется в большом окне, как переделать так чтобы при двойном клики на маленькое изображение оно открывалась в лайтбоксе? Можно убрать изменение картинки при наведении на нее мышкой а прикрутить лайтбокс
вот исходный код вывода изображений
<?php $imgquery = count($images); if($imgquery != 0?>
<div id="yagendoo_gallery_items">
<div class="yagendoo_vm_fly1_tl">
<div class="yagendoo_vm_fly1_tm">
<div class="yagendoo_vm_fly1_tr"></div>
</div>
</div>
<div class="yagendoo_vm_fly1_inner">
<div class="yagendoo_gallery_item">
<img src="<?php echo JURI::base().'components/com_virtuemart/shop_image/product/'.$product_full_image; ?>" alt="<?php echo $product_name ?>"/>
</div>
<?php $i = 2; foreach($images as $image) : ?>
<div class="yagendoo_gallery_item">
<img src="<?php echo JURI::base(); echo $image->file_name; ?>" alt="<?php echo $image->file_title.' '.$i; ?>"/>
</div><?php $i++;endforeach; ?>
<div class="yagendoo_clear"></div>
</div>
</div>