Подключал эту штуку для JBImage, проблем не было, Вы что-то делаете не так.
Принцип простой - подключаем плагин (jquery подключать не надо), инициализируем его с нужными настройками.
ну с этим я согласен, но у меня там еще одно дополнение которое не работает без этого файлика
там особая система комментариев с оценкой, вот оценка (звездочки) тоже на нем работает
и опять же, без файлика (если его закомментировать)
кнопки работают а плагин этот нет
<div class="item-image jb-divider-bottom">
<div id="gallery_01">
<img id="img_01" alt="Лампа А-5-4200-27 (Копировать)" title="Лампа А-5-4200-27 (Копировать)" src="/images/led-bulb2_1.jpg" data-zoom-image="/images/led-bulb2_1.jpg" />
<a class="elevatezoom-gallery" title="Лампа А-5-4200-27 (Копировать)" href="#" data-image="/images/led-bulb2_1.jpg" data-zoom-image="/images/led-bulb2_1.jpg"><img id="img_01" alt="Лампа А-5-4200-27 (Копировать)" title="Лампа А-5-4200-27 (Копировать)" src="/images/led-bulb2_1.jpg" data-zoom-image="/images/led-bulb2_1.jpg" /></a>
<a class="elevatezoom-gallery" title="Лампа А-5-4200-27 (Копировать)" href="#" data-image="/images/headers/slider-3.jpg" data-zoom-image="/images/headers/slider-3.jpg"><img id="img_01" alt="Лампа А-5-4200-27 (Копировать)" title="Лампа А-5-4200-27 (Копировать)" src="/images/headers/slider-3.jpg" data-zoom-image="/images/headers/slider-3.jpg" /></a>
</div>
<script>
//initiate the plugin and pass the id of the div containing gallery images
$("#img_01").elevateZoom({
gallery:'gallery_01',
zoomType : "inner",
cursor: 'crosshair',
zoomWindowFadeIn: 400,
zoomWindowFadeOut: 750,
easing : true,
galleryActiveClass: 'active',
imageCrossfade: true,
loadingIcon: 'http://www.elevateweb.co.uk/spinner.gif'});
//pass the images to Fancybox
//$("#img_01").bind("click", function(e) { var ez = $('#img_01').data('elevateZoom'); $.fancybox(ez.getGalleryList()); return false; });
</script>
</div>
вроде все правильно
Edited by Руслан, 18 February 2016 - 19:47.