Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.02.2011, 14:42
Интересующийся
Отправить личное сообщение для InetBUG Посмотреть профиль Найти все сообщения от InetBUG
 
Регистрация: 28.11.2010
Сообщений: 14

Увеличение скорости работы скрипта
Есть вот такой вот блок, в нём 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) — то есть ппц как долго. Как бы правильно реализовать скрипт (и возможно ли это вообще), чтобы изображения открывались быстро и плавно?
Ответить с цитированием
  #2 (permalink)  
Старый 27.02.2011, 14:45
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

загрузите рисунки заранее, до клика
Ответить с цитированием
  #3 (permalink)  
Старый 27.02.2011, 16:46
Интересующийся
Отправить личное сообщение для InetBUG Посмотреть профиль Найти все сообщения от InetBUG
 
Регистрация: 28.11.2010
Сообщений: 14

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

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

Последний раз редактировалось InetBUG, 27.02.2011 в 16:51.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Приостановка работы скрипта onejsquestion Общие вопросы Javascript 3 23.12.2016 18:50
Механизм работы скрипта на сайте МДМ Банка tzhe jQuery 1 29.11.2010 21:36
ограничение работы скрипта Reet83 Events/DOM/Window 3 25.11.2009 21:00
Как переместить результат работы скрипта? Vlaimir Events/DOM/Window 2 31.08.2009 13:52
Скорость работы скрипта в IE Artem (krsk) Internet Explorer 3 14.07.2009 20:02