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属性。有没有人有什么办法可以解决这个问题呢？

谢谢您的帮助，

Tim

- Tim

Answer 1

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

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

它特别寻找“a”元素。您可以查看插件并更改一些内容以使其适合您的需求。

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

我应该补充说明的是，我认为rel不是一个有效的div属性。你可能想使用class或其他可选择的属性。

- a432511