使用lightBox的网关流量

Question

为了重新启动我的客户站点(craft2eu.net)，我需要将Galleriffic与lightBox集成。我知道有GallerificPlus，但它是基于一个旧版本的Galleriffic，它带来了一些我不喜欢的东西。例如无效属性等。

如何集成当前版本的Galleriffic (在撰写本文时为2.0)？

我已经关注了可以在Galleriffic评论中找到的trent's suggestion，但没有任何成功。

Answer 1

我终于设法让lightbox与gallerfic一起工作了。我使用的是shadowbox，它是图像的基础/标准，包括CSS支持。

为了满足我客户的需要，在图片下面添加一个额外的链接是可以的。为此，我简单地使用"download“div添加了一个指向同一图像的链接，如image-wrapper div所示。(我使用PHP/MySQL从db中提取图像，所以在<li>部分有一个循环)。

在第一个简单的实现中，链接可以工作，但lightbox不会出现。尽管我在链接中指定了rel="lightbox"，但我只能让链接跟随src并在同一窗口中显示图像。我意识到，当点击后退按钮并再次点击链接时，lightbox实际上可以工作了！经过一些研究，我推断这是一个预加载镜像问题。因此，我只是在我的download div中的启用ligthbox的链接上添加了一个img标记，加上一个width="0"和height="0"，再加上border="0"，这实际上会将图像加载到页面上，但处于隐藏模式。

此外，为了避免太空箱加载太早，并被gallerific卸载，我在下载目录中添加了onmouseover="shadowbox.init();"，这样在图像包装中加载图像后，它将再次加载。

我承认这有点作弊，但它是有效的！如果对你有效，请让我知道