Проблемы со связью в LightPhoto Jquery Lightbox

Question

Я использую фантастический лайтбокс PrettyPhoto, клон лайтбокса Jquery.

Для запуска лайтбокса с iframe это код

<a href="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" title="Google.com opened at 100%">Google.com</a>

Это прекрасно работает!

Проблема в том, что я использую javascript для создания ссылок моего div с этим кодом

<div onclick="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" class="menuitem">

К сожалению, это не работает. Я подозреваю, что это потому, что DIV не поддерживают атрибут rel. У кого-нибудь есть идеи как это преодолеть?

Спасибо за вашу помощь,

Тим

Answer 1

Проверьте строку 87 файла js плагина (jquery.prettyPhoto.js)

$('a[rel*='+theGallery+']').each(function(i){

Он специально ищет элементы «а». Вы можете просмотреть плагин и изменить несколько вещей, чтобы он работал в соответствии с вашими потребностями.

$('div[rel*='+theGallery+']').each(function(i){

Я должен добавить, что я не думаю, что rel является допустимым атрибутом div. Возможно, вы захотите использовать класс или какой-либо другой выбираемый атрибут.