Как использовать переменный атрибут для плагина лайтбокса Jquery - PullRequest
Новая
       7

Как использовать переменный атрибут для плагина лайтбокса Jquery

0 голосов
/ 19 января 2010

Я пытаюсь реализовать плагин JQuery Lightbox с динамически сгруппированными изображениями (сгруппированными во всплывающем окне изображений), но я не могу найти подсказку для всплывающих сгруппированных изображений.

Может кто-нибудь сказать мне, что я делаю не так?

HTML 

<a href="pic1.jpg" class="pic" rel="lightbox1"><img src="pic1.jpg"/></a>
<a href="pic2.jpg" class="pic" rel="lightbox1"><img src="pic2.jpg"/></a>

<a href="pic3.jpg" class="pic" rel="lightbox2"><img src="pic3.jpg"/></a>
<a href="pic4.jpg" class="pic" rel="lightbox2"><img src="pic4.jpg"/></a>

<a href="pic5.jpg" class="pic" rel="lightbox3"><img src="pic5.jpg"/></a>
<a href="pic6.jpg" class="pic" rel="lightbox3"><img src="pic6.jpg"/></a>

Jquery 

jQuery(document).ready(function() {    
  $('a.pic').live('click', function() {
      var relvalue = $(this).attr('rel');
      $("a[rel="+relvalue+"]").lightBox();
  });
});

Спасибо!

1 Ответ

1 голос
/ 19 января 2010

Вы пробовали это? 

jQuery(document).ready(function() {    
  $('a.pic').lightBox();
});

Я предполагал, что вы используете jquery-lightbox от Krewenki .С $('a.pic').lightBox(); вы даете a элементам возможность лайтбокса, а с атрибутами rel для a элементов вы группируете их.

...