Увеличение скорости работы скрипта
Есть вот такой вот блок, в нём 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, все изображения уже загружены, просто к блоку применён display: none.
Впрочем, проблему обнаружил уже сам — каждое изображение имело размеры 640×480, но в CSS каждому изображению прописывалась высота height: 50px — вот на это у браузера и уходило куча времени при их отображении. |
| Часовой пояс GMT +3, время: 17:45. |