Поиск по сайту
Результаты поиска по тегам 'cloud-zoom'.
Найдено 1 результат
-
Здравствуйте. Есть увеличение картинки с помощью cloud-zoom как здесь http://minimalism.oldaine.tk/index.php?route=product/product&product_id=78. При нажатии на лупу открывается всплывающее окно с 1ой картинкой с использованием colorbox. Как сделать чтобы при выборе например 4той фотографии в сплывающем окне отображало именно ее, а не бросала обратно на первую, главную картинку? То есть порядок открытия в colorbox шел не с 1 фотограйфии, а с той с которой выбирает пользователь и нажимает потом на картинку лупы. Вот код где прописаны вызовы cloud-zoom и colorbox. <?php if ($thumb || $images) { ?> <div class="left"> <div class="imageopen"> <!-- SALE --> <?php if (!$special) { ?> <?php } else { ?> <a class="sale_producttpl"></a> <?php } ?> <!- SALE --> <a style="color: #f00;" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="catalog/view/theme/default/image/zoom.png"></a></div> <?php if ($thumb) { ?> <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom" id='zoom1' rel="adjustX: 8, adjustY:0, tint:'#000000',tintOpacity:0.5, zoomWidth:405, zoomHeight: 388"> <img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div> <?php } ?> <div class="product_raiting"><img src="catalog/view/theme/default/image/stars-<?php echo $rating; ?>.png" alt="<?php echo $reviews; ?>" /></div> <?php if ($images) { ?> <div class="image-additional"> <a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $thumb; ?>" width="66" height="65" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a> <?php foreach ($images as $image) { ?> <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" width="66" height="65" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <a style="display: none;" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> <?php } ?> </div> <?php } ?> </div> <?php } ?>