Разработка сайтов, создание сайтов
главная / JavaScript / JavaScript: появление картинки в другом месте при нажатии на картинку

JavaScript: появление картинки в другом месте при нажатии на картинку

В этом уроке рассмотрим, как при нажатии на картинку показать, например, увеличенную картинку в другом месте страницы.

Между <head> и </head> пишем:
<script language="javascript">
<!--
function h_image(a)
{
document.images[22].src=a
}
//-->
</script>
[22] - это место отображения другой картинки с начала страницы. Путем проб и ошибок вы легко найдете нужный блок.

Между <body> и </body> пишем:
<a href="javascript:l_image('путь_к_новой_картинке')"
<img src="путь_к_нажимаемой_картинке"></a>

<div>
<img src="путь_к_изначально_увеличенной_картинке">
</div>
Путь к изначально увеличенной картинке указывать не обязательно, блок можно оставить пустым, даже не обязательно использовать блок, а можно все указать в ячейке таблицы.



Источник: lospirata.ru
КОНТАКТЫ
г. Екатеринбург
info@vismech.ru


текущее:
изменение картинки при наведении курсора
Регулярные выражения со строками на MooTools
Где брать идеи для статей

НОВОСТИ
2011 г., «VisMech.ru»