12 replies to this topic

[Юра Мамонтов]

Пробовал вчера прикрутить лайтбокс от widgetkita на данный элемент. Но загвоздка в том, что вся галерея выводится массивом, а большое изображение скриптом. Причем js файл сжат и оттого  разобраться в нем сложновато.

Лайтбокс, естественно, должен появляться при клике на большое изображение.

 

как бы накопать несжатый файл скрипта или рекомендации какие,  по прикручиванию лайтбокса на данный элемент?

Edited by Юра Мамонтов, 31 March 2015 - 21:33.

[Cheren-dow]

Юра Мамонтов, попробуйте через fancybox который есть в JBZoo. Исходя из документации добавьте ссылку на изображение и сделайте инициализацию в шаблоне слайдера.

сайт\media\zoo\applications\jbuniversal\elements\jbgallery\tmpl\jbgallery.php

[Юра Мамонтов]

Не совсем понял, а причем тут галерея?

 

Я элемент JB Zoo Slider (nivo) имел ввиду, у него шаблон \media\zoo\applications\jbuniversal\templates\catalog\elements\jbslidernivo\tmpl\jbslidernivo.php

 

и элементы выводятся, вот этим массивом:

 <?php foreach ($thumbs as $thumb) { ?> 
          <img src="<?php echo  $thumb['thumb']; ?>" data-thumb="<?php echo $thumb['thumb']; ?>" alt="" title="" />  
 <?php } ?> 

а главное изображение с классом class="nivo-main-image" с помощью скрипта \media\zoo\applications\jbuniversal\assets\js\libs\nivoslider.js

 

 

и получается,что на весь массив ссылка для лайтбокса (фэнсибокса) навешивается легко, а на главное изображение не понимаю, как прилепить.

Edited by Юра Мамонтов, 01 April 2015 - 15:47.

[Sliapy]

Как это вообще должно работать? Я слабо представляю себе слайдер с тамбнейлами и одновременно с fancybox. При клике на тамбнейл меняется основное изображение, а как вы сюда хотите прикрутить fancybox?

Edited by Sliapy, 01 April 2015 - 18:03.

[Юра Мамонтов]

При нажатии на замб из галереи меняется главное изображение, а при нажатии на главное изображение открывается большой лайтбокс, в котором покупатель может все детально рассмотреть.

 

В общем очень хочется на главное избражение навесить лайтбокс. А  оно скриптом выводится, в котором все сжато пережато.

[feedmy.name]

я так понял, что ничего не понял.... а можно на скриншоте показать, как вы хотите?

Edited by feedmy.name, 01 April 2015 - 18:51.

[Sliapy]

А  оно скриптом выводится, в котором все сжато пережато.

О каком именно скрипте вы говорите? Если о jquery.libraries.min.js, то вам в нем нужно найти сам скрипт слайдера

/* jQuery Nivo Slider v3.2 http://nivo.dev7studios.com */

А дальше можете попробовать убрать минификацию, например, через этот сервис http://jsbeautifier.org/

Edited by Sliapy, 01 April 2015 - 21:42.

[laRus]

на главное избражение навесить лайтбокс

 Есть такая красивая штука - Галерея с зумом называется... Ну, Вы видели, наверное... Не подойдет на первое время? 

[Юра Мамонтов]

 Есть такая красивая штука - Галерея с зумом называется... Ну, Вы видели, наверное... Не подойдет на первое время? 

 

Не спорю, штука хорошая и в принципе подошла бы, но:

 

- не совсем стабильна, постоянно какие-то конфликты со скриптами и прочие непонятки в ней происходят, можно в теме поддержки этого элемента это все прочитать. нет уверенности стабильной работы((

 

Получается пока, что в наличии для показа галереи фотографий, например в фуле, следующие элементы:

 

- JbImage, с очень ограниченным функционалом;

- JbGallery, тоже специфичная штука для размещения изображений в отдельном блоке;

- JbZoom ждет доработки под JdZoo 220v, а пока что в нем не работает.

- JbImage (pro) что-то работает, что-то не работает, что-то без настроек.

 

Итого: хорошо функционирующего, без заморочек элемента для отображения превью галерея + главноное фото+ лайтбокс с главного фото(или зум) пока что нет. 

[Юра Мамонтов]

я так понял, что ничего не понял.... а можно на скриншоте показать, как вы хотите?

 

Идея простая, и что-то подобное реализовано (недореализовано в JbImage (pro)).

 

1 Покупатель приходит в фул товара:

 

2 В фуле галерея спревью и главное изображение. Кликая по превью меняется главное изображение.

 

 

3 И тут ему захотелось взглянуть на детали

 

Он кликает по главному, открывается лайтбокс