PrettyPhoto Jquery灯箱链接问题

Question

我正在使用梦幻般的PrettyPhoto Lightbox，一个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

查看插件js文件的第87行（jquery.prettyPhoto.js）

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

它专门寻找'a'元素。您可以查看插件并更改一些内容，使其适合您的需求。

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

我应该补充一点，我认为rel不是一个有效的div属性。您可能想要使用类或其他一些可选属性。