如何使Fluidbox.js与标签一起使用

时间:2014-09-04 21:52:05

标签: javascript jquery twitter-bootstrap lightbox

我尝试将Fluidbox脚本与bootstrap选项卡插件一起使用。当我单击选项卡时,会出现新图像。它们位于容器中,不透明度从0到1。 默认情况下,第一个容器不透明度设置为1。 Fluidbox适用于该容器,但不适用于其他容器。我怀疑它有一个不透明度变化的链接。有什么想法吗?

有问题的网页:http://urlgone.com/2d0035/

1 个答案:

答案 0 :(得分:3)

似乎Fluidbox不能对任何设置为不显示的图像起作用。在你的情况下,在一个设置为none的父元素内。

解决这个问题的方法是在隐藏图像或元素之前启动流体箱。我正在使用easytabs,所以我将它的调用放在一个窗口加载函数中,这使得在easytabs隐藏照片之前,flowbox有足够的时间开火。

$(window).load(function() {
  $("#tab-full-container").easytabs();
});