Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Увеличение скорости работы скрипта (https://javascript.ru/forum/jquery/15447-uvelichenie-skorosti-raboty-skripta.html)

InetBUG 27.02.2011 14:42

Увеличение скорости работы скрипта
 
Есть вот такой вот блок, в нём 100 изображений:
<div id="images">
    <img src="…">
    <img src="…">
    <img src="…">
    <img src="…">
    <img src="…">
    …
</div>

По-умолчанию блок имеет display: none.

Когда кликаешь по определённой ссылке, срабатывает вот такой код:
$('a').click( function() {
    $('#images').slideToggle(250);
    return false;
});


Проблема в том, что пока все изображения откроются, проходит в секунд 10 (тестировал в Chrome 9) — то есть ппц как долго. Как бы правильно реализовать скрипт (и возможно ли это вообще), чтобы изображения открывались быстро и плавно?

Gvozd 27.02.2011 14:45

загрузите рисунки заранее, до клика

InetBUG 27.02.2011 16:46

Gvozd, все изображения уже загружены, просто к блоку применён display: none.

Впрочем, проблему обнаружил уже сам — каждое изображение имело размеры 640×480, но в CSS каждому изображению прописывалась высота height: 50px — вот на это у браузера и уходило куча времени при их отображении.


Часовой пояс GMT +3, время: 05:49.