Красивый эффект смены картинок JQuery

untitled-2В данном уроке рассмотрим реализацию плавной смены картинок при наведении курсора мыши. Очень эффектно. Можно использовать в шапках и логотипах сайтов, а также в навигации сайтов. Реализуем мы это с помощь нами любимого jquery без использования стороних плагонов. И так начнём. Первым делом нам необходимо поместить этот код между тегами.

[source]

[/source]

Тут все стандартно — подключаем фреймворк и функцию. Далее придаем немного стиля c помощью css:

[source]

[/source]

И в конце вставляем таким образом само изображение:

[source]

[/source]

Теперь смотрим, что у нас получилось — Посмотреть пример в работе. Все исходники можно скачать — Скачать исходники.

Получился очень красивый эффект. Продолжение следует…