Увеличение скорости работы скрипта
Есть вот такой вот блок, в нём 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, время: 05:49. |