drakulitkas Опубликовано 14 марта, 2015 Жалоба Поделиться Опубликовано 14 марта, 2015 Приветствую,Подскажите пожалуйста как обернуть код этим слайдером с миниатюрами?Хотел сделать в product.tpl вместо стандартного FancyBox - не получается. HTML <ul id="vertical"> <li data-thumb="img/thumb/cS-1.jpg"> <img src="img/cS-1.jpg" /></li> <li data-thumb="img/thumb/cS-2.jpg"> <img src="img/cS-2.jpg" /></li> </ul>Вот скрипт для него в варианте "Vertical": $(document).ready(function() { $('#vertical').lightSlider({ gallery:true, item:1, vertical:true, verticalHeight:295, vThumbWidth:50, thumbItem:8, thumbMargin:4, slideMargin:0 }); }); Исходники:http://sachinchoolur.github.io/lightslider/examples.html Цитата Ссылка на сообщение Поделиться на другие сайты
svma3x Опубликовано 14 марта, 2015 Жалоба Поделиться Опубликовано 14 марта, 2015 Доброго времени суток - что именно не получается? Проверьте версию jQuery Цитата Ссылка на сообщение Поделиться на другие сайты
drakulitkas Опубликовано 15 марта, 2015 Автор Жалоба Поделиться Опубликовано 15 марта, 2015 Не получается обернуть его этим кодом: {if $product->image} <div class="image"> <a href="{$product->image->filename|resize:800:600:w}" class="zoom" rel="group"><img src="{$product->image->filename|resize:300:300}" alt="{$product->product->name|escape}" /></a> </div> {/if} и для миниатюр: {if $product->images|count>1} <div class="images"> {* cut удаляет первую фотографию, если нужно начать 2-й - пишем cut:2 и тд *} {foreach $product->images|cut as $i=>$image} <a href="{$image->filename|resize:800:600:w}" class="zoom" rel="group"><img src="{$image->filename|resize:95:95}" alt="{$product->name|escape}" /></a> {/foreach} </div> {/if} Цитата Ссылка на сообщение Поделиться на другие сайты
Решение Kosjak76 Опубликовано 15 марта, 2015 Решение Жалоба Поделиться Опубликовано 15 марта, 2015 <ul id="imageGallery"> {foreach $product->images as $i=>$image} <li data-thumb="{$image->filename|resize:95:95}" data-src="{$image->filename|resize:800:600:w}"> <img src="{$image->filename|resize:95:95}" /> </li> {/foreach} </ul> Типа такого код должен быть. Цитата Ссылка на сообщение Поделиться на другие сайты
drakulitkas Опубликовано 15 марта, 2015 Автор Жалоба Поделиться Опубликовано 15 марта, 2015 <ul id="imageGallery"> {foreach $product->images as $i=>$image} <li data-thumb="{$image->filename|resize:95:95}" data-src="{$image->filename|resize:800:600:w}"> <img src="{$image->filename|resize:95:95}" /> </li> {/foreach} </ul> Типа такого код должен быть. Спасибо Косяк, оно самое!!! Большой +!!! ps: не знал что ты модератор, а когда назначили? Цитата Ссылка на сообщение Поделиться на другие сайты
Kosjak76 Опубликовано 15 марта, 2015 Жалоба Поделиться Опубликовано 15 марта, 2015 Давно уже Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.