Увеличение картинки при наведении курсора мышки на картинку.
Есть множество способов. Самый простой, на мой взгляд:
Код:
Увеличение картинки при наведении курсора мышки на картинку В src ставите Ваш реальный путь к картине.
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
В этом уроке будут показано, как сделать так, что бы при наведении курсора мышки на картинку она увеличивалась. Суть простая – выводим картинку с какими-то определёнными параметрами размера. Далее нужно знать что существует два события: onmouseover="" и onmouseout="" В первом, внутри кавычек, указываем размеры картинки, но большие, чем изначально. Во втором нужно указать те же размеры, что и изначально.
Но как вы, наверняка, заметили при увеличении картинки - сдвигается весь контент страницы. Для устранения этой проблемы существует простое ("оригинальное") решение. Создать таблицу и создать в ней ячейку, которая будет чуть больше увеличенной картинки, и, собственно, загрузить в эту ячейку нужную картинку
Есть и другой способ увеличения элемента и о нём вы можете вычитать их этого урока по CSS. Так же это можно сделать с помощью JQuery-технологий, но начинающим подобное может показаться слишком "высокими технологиями".
|