Автор Тема: Preload картинок для HTML текста, генирируемого JS динамически  (Прочитано 3244 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн clevel

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 1
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Что есть: при помощи javascript при onload страницы формирую html следующего вида:

bla bla bla

bla bla bla


и запихиваю это в качестве содержания объекта на странице.

Это древовидное меню... Если это дело формировать на сервере средствами пхп, то получается для клиента очень большой выходной html файл, поэтому решил переложить работу на клиентский javascript, тем более, что данный скрипт делает кучу дополнительных операций, что не может не радовать.

В чем проблема: при формировании этого дерева ослик каждую картинку дергает с сервера, несмотря на то, что это всего две картинки .... то есть, при загрудке странице - t.gif - раз 150, и v.gif - раз 40...

Пробовал решить проблему следующим образом:
картинку в коде обозначил как
в скрипте прописал так:
var ia=new Image(); ia.src=\'t.gif\';
document.getElementById(\'ba\').src=ia.src

Не прокатывает, все равно все картинки поочередно загружает с сервера. Данный факт отлавливаю сниффером HttpDetect (EffeTech HTTP Sniffer)

Поиском смотрел, и не только по форуму, но везде написано как сделать прелоад картинок, если есть события onMouseOver, onMouseOut (замена src картинок при данных событиях).

вот тестовый пример для воспроизведения проблемы:


test







Какие есть пути решения данной проблемы?

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28