Главная » 2009 » Октябрь » 18 » Увеличение картинки при двойном щелчке (Javascript)
18.10.2009, 16:18

Увеличение картинки при двойном щелчке



До:

После:

При двойном щелчке мышью по картинки, она мгновенно увеличивается.

Это в head:

Code
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function enlargeImage1(){
  image1.height="300"
}
function dropImage1(){
  image1.height="150"
}
function enlargeImage2(){
  image2.height="300"
}
function dropImage2(){
  image2.height="150"
}
// End -->
</script>

Это в body:

Quote
<table align="center">
<tr><td align="center">
<img src="picture4-sm.gif" height="150" name="image1" ondblclick="enlargeImage1()" onclick="dropImage1()"><br>
</td><td align="center">
<img src="picture6-sm.gif" height="150" name="image2" ondblclick="enlargeImage2()" onclick="dropImage2()"><br>
</td></tr>
</table>

Красное меняем на путь до своих картинок.

Синее- на название.

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 3497 | Добавил: antisept | Рейтинг: 4.0/2 |
Теги: Увеличение картинки при двойном щел
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]