Wiki-учебник по веб-технологиям: JavaScript/ЗагрузкаНовыхИзображений ...

Главная | Каталог |

Загрузка новых изображений


Хотя полезно знать, как получить размер изображения на web-странице, но не это является целью нашего урока. Мы хотим изменять изображения на web-странице. Для этой цели мы нуждаемся в src свойстве. Итак в теге <img> свойство src, представляет адрес отображаемого изображения. Теперь, с помощью JavaScript 1.1 вы можете присваивать новые адреса уже загруженному изображению на web-странице. Результатом является то, что загружается изображение, размещенное по новому адресу. Это новое изображение заменяет старое изображение на web-странице. Рассмотрите этот пример:

<img src="img1.gif" name="myImage" width=100 height=100>


Изображение img1.gif загружается и получает имя myImage. Следующая строка кода заменяет старое изображение img1.gif на новое изображение img2.gif:

document.myImage.src= "img2.src";


Новое изображение всегда получает тот же самый размер, что и старое изображение. Вы не можете изменять размер области, в которой отображается изображение.