Увеличение картинки при наведении на неё мышью

 

30 апреля 2013 - Завсегдатай
article44.jpg

Иногда появляется необходимомость создать эффект увеличения изображения при наведении мышки. 

 

 

 

 

 

 

 

Такой эффект достаточно просто создается путем встраивания следующего кода:

 

<img alt="" border="0" onmouseover="this.src='http://puksinka.me/images/44444untitled.jpg';" onMouseOut="this.src='http://puksinka.me/images/article43.jpg';" src="http://puksinka.me/images/article43.jpg" />

 

Вот что должно получиться в итоге:

 

 

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

  Этот способ хорош, если вторая картинка совпадает по размерам с первой:

  

 

Похожие статьи:

Возникла у меня необходимость сделать для заголовка красивый трехмерный текст.  Всё оказалось достаточно просто.....
Постараюсь максимально сжато рассказать как сделать так, чтобы на картинку большого размера  поместить маленькую картинку  и чтобы маленькая картинка была кликабельной....
Время от времени возникает необходимость  делать кнопки и красочные подсказки....
Время от времени возникает необходимость подбора цвета.  И именно поэтому ниже представлена таблица с кодами цветов.   ...
Рейтинг: +1 Голосов: 1 553 просмотра