Как скрестить два плагина js?

  • 4 Ответов
  • 452 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Приветствую ребята, вновь обращаюсь за помощью, делаю магазин на JoomShopping и к фотографиям хочу подключить fancybox, но поскольку вызов данного скрипта уже идет посредством Elevatezoom решил, что нужно как то их скрестить
Вообщем вот первый кусочек кода:
Код
//initiate the plugin and pass the id of the div containing gallery images 
jQuery("#img_01").elevateZoom({gallery:'products-gallery', cursor: 'pointer', galleryActiveClass: 'active', imageCrossfade: true, loadingIcon: 'http://www.elevateweb.co.uk/spinner.gif'});
//pass the images to Fancybox
jQuery("#img_01").bind("click", function(e) {
var ez = jQuery('#img_01').data('elevateZoom');
jQuery.fancybox(ez.getGalleryList());
return false;
});
Здесь мы видим, что fancybox у нас подключается, но мне нужно к нему добавить навигацию сверху, автоплей и кол-во фото снизу, посредством данного кода:
Код
		jQuery(function($) {
$("a.fancybox-button").fancybox({
//padding: 0,
//fitToView : false,
helpers : {
title : { type : 'inside' }, // options: over, inside, outside, float
buttons : {}
},
afterLoad : function() {
this.title = '<b class="fancyboxCounter">Фото ' + (this.index + 1) + ' из ' + this.group.length + '</b>';
}
});
});
Вопрос в том, как скрестить первое со вторым, чтобы в конечном итоге работал и elevateZoom и Fancybox

Re: Как скрестить два плагина js?
« Ответ #1 : 26.02.2016, 12:35:05 »
Плагин вызывается для разных элементов?
Ставь лайк, если согласен, и делай репост!

  => мои публикации
    => мои работы
      => спектр моих услуг

Re: Как скрестить два плагина js?
« Ответ #2 : 26.02.2016, 12:50:06 »
Какой именно?

Re: Как скрестить два плагина js?
« Ответ #3 : 26.02.2016, 12:52:01 »
Какой-нибудь. Повторный запуск плагина с новыми параметрами к чему-то приводит?
Ставь лайк, если согласен, и делай репост!

  => мои публикации
    => мои работы
      => спектр моих услуг

*

Wertos

Re: Как скрестить два плагина js?
« Ответ #4 : 26.02.2016, 13:33:09 »
Трудно сказать как сделать, не зная что же в
Код: javascript
ez.getGalleryList()

Но если читануть фак по фансибокс, то можно увидеть в API Methods, такую конструкцию
Код
$.fancybox.open( [group], [options] )

Launch fancyBox, the same as $.fancybox([group], [options])
First parameter can be in various types, examples:
$.fancybox([
{href : 'img1.jpg', title : 'Title'},
{href : 'img2.jpg', title : 'Title'}
]); - array containing objects
В опциях хелперы можно задавать !
Можно попробовать вот так
Код: javascript
jQuery.fancybox(ez.getGalleryList(), {helpers:  { buttons:{} }});
« Последнее редактирование: 26.02.2016, 13:38:38 от Wertos »