Плавное увеличение картинки при наведении на jQuery

Автор: Admin    Категория: Магия ЯваСкрипт / jQuery    Теги:  увеличение картинки    Дата: 20-02-2011, 18:02
Плавное увеличение картинки при наведении на jQueryСамое простое плавное увеличение картинки при наведении на jQuery
Самый простой, на мой взгляд, способ реализации плавного увеличения картинки при наведении. Используется минимум кода, если нужно просто увеличить картинку, и блок с картинкой при этом тоже будет растягиваться, то можно обойтись без CSS и простым кодом картинки с нужным классом, так же есть пример, где картинка увеличивается не растягивая дизайн сайта, там картинка уже в отдельном блоке и необходимо применить CSS.
Данная реализация простейшая и недостатком является то, что такой способ больше подойдёт для увеличения небольших картинок на небольшой размер. Для работы с большими картинками нужен код посложнее.

Смотреть пример плавное увеличение картинки при наведении на jQuery
Скачать готовый пример плавное увеличение картинки при наведении на jQuery

Пользуйтесь на здоровье!
Версия для печати
  • 100
     Просмотров: 17 200      Комментариев: 6   

Понравилась новость Плавное увеличение картинки при наведении на jQuery на MegaWeb.su? Сохрани в закладках или распечатай!


Информация

Внимание!

Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!

Другие новости по теме

Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Плавное увеличение картинки при наведении на jQuery из категории Магия ЯваСкрипт / jQuery

№ 6 Автор: Admin 8 августа 2012 00:36

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
nthanter, Вот видите - всё получилось, значит будет работать.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 5 Автор: nthanter 7 августа 2012 16:57

 Вот такой я - nthanter

nthanter
Гости
комментариев
публикаций

Статус:
Admin,

сам разобрался, вставил код от css на главный шаблон сайта, а код от xtml на тело документа через редактор, далее указал конкретный путь к картинкам, вот и всё.

  • Нравится
  • 0
    

№ 4 Автор: nthanter 7 августа 2012 12:35

 Вот такой я - nthanter

nthanter
Гости
комментариев
публикаций

Статус:
ни чаго в исходнике нету, ответ не понятен совсем

  • Нравится
  • 0
    

№ 3 Автор: Admin 7 августа 2012 11:25

 Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: nthanter
а как её подключить на кмс, к примеру на джумлу?

В исходном коде примера есть комментарии, всё должно быть понятно. Если вы не сможете подключить - то и пользоваться не сумеете.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 2 Автор: nthanter 7 августа 2012 09:43

 Вот такой я - nthanter

nthanter
Гости
комментариев
публикаций

Статус:
а как её подключить на кмс, к примеру на джумлу?

  • Нравится
  • 0
    

№ 1 Автор: urkob 6 декабря 2011 00:26

 Вот такой я - urkob

urkob
Гости
комментариев
публикаций

Статус:
Прикольное увеличение , нужно будет попробовать ! smile

  • Нравится
  • 0
    

Информация

Внимание!

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Лента новостей
RSS 2.0

Лента новостей сайта megaweb.su

Блок программ Популярный софт

Коды блока "Популярный софт":

Фиксированный
windows-1251

код блока 1

<script type="text/javascript" src="/softblok/softblok.js" charset="windows-1251"></script>

Резиновый
windows-1251

код блока 2

<script type="text/javascript" src="/softblok/softblok2.js" charset="windows-1251"></script>

Резиновый
UTF-8

код блока 3

<script type="text/javascript" src="/softblok/softblok1.js" charset="utf-8"></script>

Глобус