группировка изображений с помощью плагинов colorbox и jquery - PullRequest
Новая
       9

группировка изображений с помощью плагинов colorbox и jquery

0 голосов
/ 11 февраля 2011

Я создаю плагин в верхней части colorbox modalpopup.

плагин jquery 

$(document).ready(function(){

(function($) {

  $.fn.pop= function(options) {

    var options = $.extend({}, $.fn.pop.defaults, options);

    return this.each(function() {
      var o = options;
      var obj = $(this);
       obj.click(function() {
     obj.colorbox({height:o.h, width:o.w , iframe:true});       
   });       
    });
  };     
  $.fn.pop.defaults = {
    h: '60%',
 w: '60%'
  };
})(jQuery);
});

на уровне пользователя я просто заставляю их звонить $ ( "Имя_класс") поп (). // если им нужно оптимизировать ширину длины, они просто дают nos

Теперь мой вопрос: если мне нужно сгруппировать изображение, я должен сделать что-то вроде этого. 

$("a[rel='example1']").colorbox();

На этом мне нужно вызвать мою функцию 

$("a[rel='example1']").pop();

но оно не группирует себя. любая помощь будет оценена

1 Ответ

0 голосов
/ 24 января 2012

colorbox имеет атрибут тега "rel": я точно не уверен, что у меня в голове, но должно быть что-то вроде этого: 

$(document).ready(function(){

(function($) {

  $.fn.pop= function(options) {

    var options = $.extend({}, $.fn.pop.defaults, options);

    return this.each(function() {
      var o = options;
      var obj = $(this);
       obj.click(function() {
       // the following addition where o.r is options.rel = this.attr('rel');
       // or something like that
        obj.colorbox({height:o.h, width:o.w , iframe:true, rel:o.r});  
       });       
    });
  };     
  $.fn.pop.defaults = {
    h: '60%',
    w: '60%',
    r: 'group1'
  };
})(jQuery);
});

Также помните, если вы используете ajax в ссылке, которая имеетваш плагин не подберет его сам по себе, поскольку он использует colorbox и расширяет его, но вы не измените тот факт, что он использует «live» вместо «делегата».Вы можете провести небольшое исследование ...

, и colorbox имеет отличные документы по отношениям и группировке: jacklmoore.com/colorbox/

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

...