为了重新启动我的客户网站 (craft2eu.net),我需要将Galleriffic与lightBox集成。我知道有GallerificPlus,但它基于旧版本的 Galleriffic,它带来了一些我不喜欢的东西。例如无效的属性等。
如何集成当前版本的 Galleriffic(撰写本文时为 2.0)?
我已经遵循了trent 的建议,该建议可以在 Galleriffic 博客评论中找到,但没有任何成功。
为了重新启动我的客户网站 (craft2eu.net),我需要将Galleriffic与lightBox集成。我知道有GallerificPlus,但它基于旧版本的 Galleriffic,它带来了一些我不喜欢的东西。例如无效的属性等。
如何集成当前版本的 Galleriffic(撰写本文时为 2.0)?
我已经遵循了trent 的建议,该建议可以在 Galleriffic 博客评论中找到,但没有任何成功。
我终于设法使灯箱与gallerfic一起工作。我正在使用shadowbox,图像的基本/标准,包括 CSS 支持。
对于我的客户的需求,可以在图片下方添加一个附加链接。为此,我只是使用“下载” div 来添加指向同一图像的链接,如 image-wrapper div 中所示。(我使用 PHP/MySQL 从数据库中提取图像,所以我在该<li>
部分中有一个循环)。
在第一个直接实现中,链接可以工作,但灯箱不会出现。我只会让链接跟随src
并在同一窗口中显示图像,尽管我rel="lightbox"
在链接中有特定的。我意识到当点击后退按钮并再次单击链接时,灯箱实际上会起作用!经过一番研究,我推断这是一个预加载图像问题。img
因此,我只是在我的下载文件中的 ligthbox 启用链接上方添加了一个标签,加上div
一个width="0"
和,这实际上加载了页面上的图像,但处于隐藏模式。height="0"
border="0"
此外,为了避免 shadowbox 过早加载并被 Gallerific 卸载,我添加onmouseover="shadowbox.init();"
了下载 div,以便在图像包装器中加载图像后再次加载。
我承认这有点作弊,但它的工作原理!请让我知道这对你有没有用