1

我在一个网站上使用了 Galleria jQuery 插件。当图库第一次加载时，所有图像都会在 ie 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>
4

2 回答 2

0

怎么样

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

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

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

所以只要水平排成一排

于 2010-04-27T00:05:21.450 回答
0

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

于 2010-04-27T14:56:54.337 回答