CodeLAB
на главную карта сайта обратная связь

Популярные задачи:

#Шифрование произвольных данных. (329171 hits)
#Двусторонняя карта. (34284 hits)
#Масштабирование, пропорциональное изменение размеров картинки. (101406 hits)
#Хранение иерархических деревьев. (53566 hits)
#Поразрядная сортировка массива подсчетом. (133504 hits)
#Использование компилируемых (prepared) запросов. (30914 hits)
#Динамическое формирование выпадающего списка. (52208 hits)
#"The Java Programming Language" Ken Arnold, James Gosling, David Holmes листинги, код, примеры из книги, исходники. (61278 hits)
#Относительный путь к файлу. (40041 hits)
#Случайный выбор элемента при неизвестном их количестве. (36898 hits)
#Перестановка фрагментов строки(или одномерного массива). (61014 hits)
#Рисование окружности (по Брезенхэму). (34113 hits)
#Сортировка выбором, общий подход. (73156 hits)
#Летающие, крутящиеся шарики. (44828 hits)
#Рисование линии. (39022 hits)
#Динамическая очистка выпадающего списка (select) на javascript. (91217 hits)
#Утилиты. (114731 hits)
#Переключатель в кириллицу. (33058 hits)
#Рисование прямоугольника. (31526 hits)
#Пирамидальная сортировка. (204546 hits)


Главная >> Каталог задач >> Веб-разработка >> Клиентский скриптинг(js, vba и т.д.) >> Работа с картинками >>

Интерактивная, динамическая подгрузка картинок

Aвтор:
Дата:
Просмотров: 70097
реализации(javascript: 1шт...) +добавить

Задача возникает, когда по какому-либо событию(нажатию на кнопку, наведению и т.д.) в каком-то месте страницы одну картинку нужно заменить на другую.

При этом стараемся быть друженственными к пользователю, поэтому новая картинка не подгрузилась вверху старой выводим надпись "подргузка..." или что-то вроде того.

Код не использует функции SetTimeOut как можно б было изначально предположить. Все делается более красивее: на объект - "новая подгружаемая картинка" вешается обработчик onload, которые по завершении загрузки выполняет все необходимые действия!

Реализации:

javascript(1)   +добавить

1) Интерактивная, динамическая подгрузка картинок на javascript, code #141[автор:-]