• DONATE to NULLED!
    Вы можете помочь Форуму и команде, поддержать финансово.
    starwanderer - модератор этого раздела будет Вам благодарен!

Поиск Слайдер для товара

ram222

Da Vinci
Регистрация
27 Апр 2009
Сообщения
793
Реакции
86
Привет всем.
Ищу слайдер который выглядел бы как оформление у товара в большинстве инетмагазинов.
То есть фотка, внизу три превьюшки других фоток, и главное чтобы при клике на большую фотку она увеличивалась. Сейчас используется LayerSlider, но при клике фотка там не увеличивается, либо я не понимаю как это сделать.
Подскажите пожалуйста слайдер или какой либо вариант. Woocommerce не хочется устанавливать, так как много переделывать.
 
для всплывашки фенсибокс, для сладйера слик, эта парочка отлично дружит друг с другом.Это если джиквери не вырезал с сайта.
если любишь ванильку,то вот неплохой варик- Для просмотра ссылки Войди или Зарегистрируйся
 
По ссылке не подходит, там типа галереи просто.
Должен же быть готовый слайдер?
 
По ссылке не подходит, там типа галереи просто.
Должен же быть готовый слайдер?
хз насчет готового, вот пример фэнси+слик: Для просмотра ссылки Войди или Зарегистрируйся
Фэнсибокс все равно нужен где-то еще, форма обратной связи и т.д., галерея слик тоже не лишняя.
 
Последнее редактирование:
хз насчет готового, вот пример фэнси+слик: Для просмотра ссылки Войди или Зарегистрируйся
Фэнсибокс все равно нужен где-то еще, форма обратной связи и т.д., галерея слик тоже не лишняя.
Да, это то что нужно. Фенсибокс установлен, теперь надо подружить как то...
С LayerSlider получится?
 
Да, это то что нужно. Фенсибокс установлен, теперь надо подружить как то...
С LayerSlider получится?
не, ты меня не услышал. Там галерея на slick!
Подключаешь стили и скрипты для фэнси и слика, формируешь циклом два списка большие картинки и эскизы, затем обрабатываешь все это дело скриптом:
HTML:
<div class="slider-for">
  <a class="fancybox" rel="group" href="pict1.jpg"><img src="pict1-320x320.jpg" alt=""></a>
  <a class="fancybox" rel="group" href="pict2.jpg"><img src="pict2-320x320.jpg" alt=""></a>
  <a class="fancybox" rel="group" href="pict3.jpg"><img src="pict3-320x320.jpg" alt=""></a>
  <a class="fancybox" rel="group" href="pict4.jpg"><img src="pict4-320x320.jpg" alt=""></a>
</div>
<div class="slider-nav">
  <img src="pict1-150x150.jpg" alt="">
  <img src="pict2-150x150.jpg" alt="">
  <img src="pict3-150x150.jpg" alt="">
  <img src="pict4-150x150.jpg" alt="">
</div>
<script>
jQuery(document).ready(function($){
  $('.slider-for').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.slider-nav'
  });
  $('.slider-nav').slick({
    slidesToShow: 2,
    slidesToScroll: 1,
    asNavFor: '.slider-for',
    dots: true,
    centerMode: true,
    focusOnSelect: true
  });
  $(".fancybox").fancybox({padding: 8});
});
</script>
 
не, ты меня не услышал. Там галерея на slick!
Подключаешь стили и скрипты для фэнси и слика, формируешь циклом два списка большие картинки и эскизы, затем обрабатываешь все это дело скриптом:
HTML:
<div class="slider-for">
  <a class="fancybox" rel="group" href="pict1.jpg"><img src="pict1-320x320.jpg" alt=""></a>
  <a class="fancybox" rel="group" href="pict2.jpg"><img src="pict2-320x320.jpg" alt=""></a>
  <a class="fancybox" rel="group" href="pict3.jpg"><img src="pict3-320x320.jpg" alt=""></a>
  <a class="fancybox" rel="group" href="pict4.jpg"><img src="pict4-320x320.jpg" alt=""></a>
</div>
<div class="slider-nav">
  <img src="pict1-150x150.jpg" alt="">
  <img src="pict2-150x150.jpg" alt="">
  <img src="pict3-150x150.jpg" alt="">
  <img src="pict4-150x150.jpg" alt="">
</div>
<script>
jQuery(document).ready(function($){
  $('.slider-for').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.slider-nav'
  });
  $('.slider-nav').slick({
    slidesToShow: 2,
    slidesToScroll: 1,
    asNavFor: '.slider-for',
    dots: true,
    centerMode: true,
    focusOnSelect: true
  });
  $(".fancybox").fancybox({padding: 8});
});
</script>

Сложновато для приятеля, я то знаком со всем этим, а он с трудом LayerSlider освоил. Поэтому ищу что то готовое.
 
Если поставить Woocommerce, может из него можно будет как то вставлять слайдер?
 
Назад
Сверху