Плагин Galleria jQuery кратко показывает все изображения в IE 7 и 8 - PullRequest
Новая
       14

Плагин Galleria jQuery кратко показывает все изображения в IE 7 и 8

1 голос
/ 27 апреля 2010

Я использую плагин 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>

Ответы [ 2 ]

0 голосов
/ 27 апреля 2010

Я нашел решение. Если вы установите .gallery li img {display: none}, это ненадолго скроет стек изображений в тот момент, когда jQuery переопределяет его.

0 голосов
/ 27 апреля 2010

как насчет 

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

редактировать: хм, не зная, как вы хотите, чтобы галерея работала, 

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

так что выровняйтесь по горизонтали

...