Galleria jQuery 插件简要显示 IE 7 和 8 中的所有图像

Question

我在一个网站上使用了 Galleria jQuery 插件。当图库第一次加载时，所有图像都会在 7 和 8 中短暂且垂直地出现。当我隔离图库时不会发生这种情况，只有当我把它放在一个有点重的页面上时才会发生这种情况。这让我相信当页面加载速度有点慢时会发生这种情况。

有人知道解决这个问题的方法吗？我感觉像是溢出：隐藏应该可以解决这个问题，但我已经在我能想到的每个容器中应用了它以及高度。

有人有什么想法吗？

这是我的 CSS：

.galleria{list-style:none;width:350px; overflow:hidden; height: 70px;}
.galleria li{display:block;width:50px;height:50px;overflow:hidden;float:left;margin:4px 10px 20px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display: inline;padding-top:.5em; width: 300px; }
* html .galleria li div span{width:350px;} /* MSIE bug */

html:

            <ul class="gallery"> 
            <li class="active"><img src="1.jpg" cap="A great veiw by so and so. This is a long block of info.<br /><span style=color:#666;>Photo by: Billy D. Williams</span>" alt="Image01"></li>
            <li><img src="2.jpg" cap="A mountain <span style=color:#666;>Photo by: Billy D. Williams</span>" alt="Image01"></li> 
            <li><img src="3.jpg" cap="Another witty caption <span style=color:#666;>Photo by: Billy D. Williams</span>" alt="Image01"></li> 
            <li><img src="4.jpg" cap="<span style=color:#666;>Photo by: Billy D. Williams</span>" alt="Image01"></li>  
            </ul>

Answer 1

怎么样

.galleria li{display:none}
.galleria li.active{display:block}

编辑： 嗯，不知道你希望画廊如何运作，

.galleria li{float:left;width:120px;}

所以只要水平排列好

Answer 2

我想出了一个解决办法。如果您设置 .gallery li img {display:none}，这将在 jQuery 覆盖它之前暂时隐藏图像堆栈。