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

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

#Простая геометрическая и текстовая анимация. (401204 hits)
#Сортировка выбором, общий подход. (73162 hits)
#Постраничный вывод. (72987 hits)
#Случайный выбор элемента при неизвестном их количестве. (36903 hits)
#Создание простейшей таблицы. (37363 hits)
#Программное создание ссылок. (100119 hits)
#Плоттеры для рисования графиков. (29867 hits)
#Хранение иерархических деревьев. (53566 hits)
#Преобразование целых чисел в битовый массив. (37897 hits)
#"C# и платформа .NET" Эндрю Троелсен (Andrew Troelsen, "C# and the .NET platform"), листинги, код, примеры из книги, исходники. (39123 hits)
#Вычисление медианы заданной выборки. (49485 hits)
#Рисование прямоугольника. (31532 hits)
#Постепенное затемнение. (51565 hits)
#Вычисление эксцесса и коэффициентов асимметрии заданной выборки. (46097 hits)
#Последовательный поиск и его оптимизации. (44885 hits)
#Древовидные структуры. (57661 hits)
#Синус. (61059 hits)
#Сохранение данных формы после перезагрузки через куки. (205364 hits)
#Просмотр изображения во всплывающем окне. (89551 hits)
#Наибольший общий делитель. (193153 hits)


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

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

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

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

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

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

Реализации:

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

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