与lightBox的Galleriffic

时间:2009-12-08 18:34:58

标签: javascript jquery lightbox

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

如何整合当前版本的Galleriffic(写这篇文章时为2.0)?

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

1 个答案:

答案 0 :(得分:1)

我终于设法使灯箱与gallerfic一起工作。我正在使用shadowbox,图像的基础/标准,包括CSS支持。

根据我客户的需求,可以在图片下方添加其他链接。为此, 我只是使用“下载”div来添加一个链接到图像包装div中显示的相同图像。 (我正在使用PHP / MySQL从数据库中提取图像,所以我在<li>部分中有一个循环)。

在第一次直接实施中,链接可以正常工作,但灯箱不会显示。我只会获得跟随src的链接并在同一窗口中显示图像,尽管我在链接中指定了rel="lightbox"。 我意识到当按下后退按钮并再次点击链接时,灯箱实际上会工作!经过一些研究,我推断这是一个预载图像问题。因此,我在我的下载img中添加了一个div标记,其中包含width="0"height="0"以及border="0",这实际上会加载图片页面,但处于隐藏模式。

另外,为了避免影子箱加载到早期并由画廊卸载,我将onmouseover="shadowbox.init();"添加到下载div,以便在图像包装器中加载图像后再次加载。

我承认这有点作弊,但它正在发挥作用!如果它对您有用,请告诉我