弹出 JS 画廊图像被重复答案

【问题标题】：Pop-Up JS Gallery Images Getting Duplicated弹出 JS 画廊图像被重复
【发布时间】：2012-04-13 14:56:14
【问题描述】：

http://2012.delineamultimedia.com/delinea_new_12.html#home_portfolio_botm_bg

这个投资组合模板有一个部分，其中包括看起来像是 HTML 模板的 wordpress 插件（这是我正在使用的所有 html、css 和 js，没有 wordpress）...插件看起来是重复的与“rel”属性关联的fancybox 和prettyPhoto 弹出图像。如果您单击“第 1 个图像”图标，您将看到 prettyPhoto 与此弹出窗口相关联，并且在我仅链接到 1 个图像的标记中，它在图库中显示 2 个图像。

我发现这个脚本上的那行...http://2012.delineamultimedia.com/js/script.js 这是页面上的第一行之一。

$('.image-grid_' + (i+1) ).fGallery('.filter_' + (i+1) );

这个循环接缝会导致问题。有没有办法改变这个循环以不复制弹出图像？

【问题讨论】：

fancybox in 未安装在您的示例页面上
好的，我已经注释掉了 prettyPhoto 并将 fancybox 放回去。你可以看到它从图像 4/6 开始，并且标记中只有 3 个图像与 fancybox rel="组3"
您的 nivo 滑块似乎正在克隆您的标签，这就是它们被重复的原因
部分图片在<ul id="image-grid"...下，其他在<ul id="grid_clone" ...下
如果我注释掉 nivo 滑块（css 和 js），问题仍然存在。

标签： javascript jquery fancybox categories prettyphoto

【解决方案1】：

这个脚本2012.delineamultimedia.com/js/fGallery.js 正在克隆你的图片，所以这就是为什么它们在fancybox 或prettyphoto 中被复制的原因：

var clone = element.clone().appendTo(element.parent()).attr('id','grid_clone');

原图在<ul id="image-grid"...下，克隆图在<ul id="grid_clone" ...下

【讨论】：

好的太好了，这有帮助！谢谢！有没有办法改变那个 var 来解决这个问题？
嗯，这个问题听起来像是你买了有结构问题的房子，这意味着你需要摆脱那个画廊脚本或获得/建造一个新的。