Как применить lightbox ко всем ссылкам на картинки?

Question

[Web Lizard]

Всем привет!

Вот в Fancybox можно сделать так чтобы параметр fancybox() применялся ко всем ссылкам которые ведут на картинки, собственно, вот так:

jQuery(document).ready(function($){
	var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]');
	select.attr('rel', 'fancybox');
	select.fancybox();
});

А можно ли как то заставить lightbox так же работать? Проблема то в том что у lightbox другая логика инициализации, то есть примерно вот так оно выглядит:

lightbox.option({
      'resizeDuration': 200,
      'wrapAround': true
})

Так как же заставить его срабатывать на картинко-ссылки?

Comments

[Виталий Киренков]

а почему не юзать Fancybox у которого нет такого рода проблем?

[Web Lizard]

Виталий Киренков: потому что на данном ресурсе уже используется lightbox

Answer 1

[Виталий Киренков]

Это будет довольно таки кривая реализация, но должно работать.

Попробуйте подойти от обратного. Вам же для инициализации нужно чтобы у тэга А был аттрибут data-lightbox если его ссылка ведёт на картинку?

Делаете что то типа такого:

var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]');

select.each(function(index, item){
    item.data("lightbox", "some text");
})

По идее может сработать

Comments

[Web Lizard]

я думаю что оно не будет работать так как lighbox не увидит элементы созданные через jquery, то есть это надо будет каким то раком переинициализировать его через .live, но я все таки попробую щас сделать как вы сказали

[Web Lizard]

Да! Оно работает! Спасибо))

Только надо было вот так написать

item.setAttribute("data-lightbox", "some text");

[Виталий Киренков]

Web Lizard: ну, я просто логику описал, не вдаваясь в синтаксис.