NextGen图库显示来自链接的厚框/快门,而不是图像

时间:2012-01-24 作者:Oterox

我正在尝试通过链接在thickbox或快门窗口中显示画廊。如果我有一个图库[nggallery id=1],我想有一个链接“查看照片”,当我点击它时,会弹出一个thickbox/shutter窗口。

我为快门工作:

<div style="display: none;">[nggallery id=1]</div>
<a class="shutterset_set_1" href="/wp-content/gallery/a/dsc_7304mg.jpg">View photos</a>
thickbox的工作原理是:

<div style="display: none;">[nggallery id=6]</div>
<a class="thickbox" href="/wp-content/gallery/d/117.jpg" rel="set_6">View photos</a>
它会打开,但图像计数错误。它统计库图像+页面中的图像。在本例中,“我的画廊”有13幅图像,但第一幅图像(链接中的一幅)出现了两次,然后计数是14,而不是13。这真的很烦人!!

有办法解决吗?是否有其他方法可以通过单个链接显示库?

1 个回复
最合适的回答,由SO网友:Oterox 整理而成

我终于用jquery完成了。我用链接文本替换了库中的所有图像拇指,并删除了除第一个链接以外的所有链接的文本:

$(".ngg-galleryoverview").each(function(index) {
    $(this).find(".ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a").html(\'View photos <span>&#187;</span>\');
    $(this).find(".ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a").addClass(\'small\');
    $(this).find(".ngg-gallery-thumbnail-box:gt(0) .ngg-gallery-thumbnail a").html(\'\');
            }); 
有了这个脚本,我可以正常使用短代码,只需[nggallery id=1],它可以用于thickbox和shutter。

希望这能帮助我遇到同样问题的人:)

结束

相关推荐

NextGen图库显示来自链接的厚框/快门,而不是图像 - 小码农CODE - 行之有效找到问题解决它

NextGen图库显示来自链接的厚框/快门,而不是图像

时间:2012-01-24 作者:Oterox

我正在尝试通过链接在thickbox或快门窗口中显示画廊。如果我有一个图库[nggallery id=1],我想有一个链接“查看照片”,当我点击它时,会弹出一个thickbox/shutter窗口。

我为快门工作:

<div style="display: none;">[nggallery id=1]</div>
<a class="shutterset_set_1" href="/wp-content/gallery/a/dsc_7304mg.jpg">View photos</a>
thickbox的工作原理是:

<div style="display: none;">[nggallery id=6]</div>
<a class="thickbox" href="/wp-content/gallery/d/117.jpg" rel="set_6">View photos</a>
它会打开,但图像计数错误。它统计库图像+页面中的图像。在本例中,“我的画廊”有13幅图像,但第一幅图像(链接中的一幅)出现了两次,然后计数是14,而不是13。这真的很烦人!!

有办法解决吗?是否有其他方法可以通过单个链接显示库?

1 个回复
最合适的回答,由SO网友:Oterox 整理而成

我终于用jquery完成了。我用链接文本替换了库中的所有图像拇指,并删除了除第一个链接以外的所有链接的文本:

$(".ngg-galleryoverview").each(function(index) {
    $(this).find(".ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a").html(\'View photos <span>&#187;</span>\');
    $(this).find(".ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a").addClass(\'small\');
    $(this).find(".ngg-gallery-thumbnail-box:gt(0) .ngg-gallery-thumbnail a").html(\'\');
            }); 
有了这个脚本,我可以正常使用短代码,只需[nggallery id=1],它可以用于thickbox和shutter。

希望这能帮助我遇到同样问题的人:)

相关推荐