jquery - PrettyPhoto Jquery Lightbox 链接问题

标签 jquery lightbox

我正在使用非常棒的 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 属性。有谁知道如何克服这个问题吗?

感谢您的帮助,

蒂姆

最佳答案

查看插件 js 文件 (jquery.prettyPhoto.js) 的第 87 行

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

它专门寻找“a”元素。您可以查看该插件并更改一些内容以使其满足您的需求。

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

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

关于jquery - PrettyPhoto Jquery Lightbox 链接问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1760891/

相关文章:

css - 图像悬停到下一个文本并在响应时使缩放图标居中

html - 如何在图像周围添加边框

html - 使用 LightBox 2.6 的 float 图像

abstraction - 简化多个元素的 jQuery 函数

php - 代码未在 $.get() 成功处理程序内运行

jquery - 灯箱图片大小限制

twitter-bootstrap - 如何在 bootstrap 3 中使用灯箱?

javascript - 如何使用 jquery 设置边距?

javascript - 如何使用 $(this) 获取父级

javascript - 从输入表单中删除 HTML TAG 输入