Scripts-stas
Меню сайта
Категории раздела
Каталог скриптов [15]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Увеличение картинки при наведении курсора мышки на картинку
28.10.2015, 11:53

Увеличение картинки при наведении курсора мышки на картинку.

Есть множество способов. Самый простой, на мой взгляд:

Код:

Увеличение картинки при наведении курсора мышки на картинку В src ставите Ваш реальный путь к картине.

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

В этом уроке будут показано, как сделать так, что бы при наведении курсора мышки на картинку она увеличивалась. Суть простая – выводим картинку с какими-то определёнными параметрами размера. Далее нужно знать что существует два события: onmouseover="" и onmouseout="" В первом, внутри кавычек, указываем размеры картинки, но большие, чем изначально. Во втором нужно указать те же размеры, что и изначально.

Но как вы, наверняка, заметили при увеличении картинки - сдвигается весь контент страницы. Для устранения этой проблемы существует простое ("оригинальное") решение. Создать таблицу и создать в ней ячейку, которая будет чуть больше увеличенной картинки, и, собственно, загрузить в эту ячейку нужную картинку

Есть и другой способ увеличения элемента и о нём вы можете вычитать их этого урока по CSS. Так же это можно сделать с помощью JQuery-технологий, но начинающим подобное может показаться слишком "высокими технологиями".

Категория: Каталог скриптов | Добавил: stanislav
Просмотров: 347 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar
Вход на сайт
Реклама
Поиск
Друзья сайта
Copyright MyCorp © 2024 Ваш IP адрес в данный момент Обменный пункт Мониторинг обменных пунктов электронных валют Яндекс.Метрика
%