В данном уроке рассмотрим реализацию плавной смены картинок при наведении курсора мыши. Очень эффектно. Можно использовать в шапках и логотипах сайтов, а также в навигации сайтов. Реализуем мы это с помощь нами любимого jquery без использования стороних плагонов. И так начнём. Первым делом нам необходимо поместить этот код между тегами.
[source]
[/source]
Тут все стандартно — подключаем фреймворк и функцию. Далее придаем немного стиля c помощью css:
[source]
[/source]
И в конце вставляем таким образом само изображение:
[source]
[/source]
Теперь смотрим, что у нас получилось — Посмотреть пример в работе. Все исходники можно скачать — Скачать исходники.
Получился очень красивый эффект. Продолжение следует…