Если у вас множество картинок на блоге и их необходимо красиво организовать, тогда этот урок станет вам в необходимости. В сегодняшнем уроке мы будем рассматривать создание различных эффектов для смены картинок сделанный при помощи плагина к jQuery, который называется jQuery.ImageSwitch. В уроке мы приведем четыре ээфекта, для изображений. Применить можно к показу визиток, каких нибудь фото работ, или примеры баннеров, вот так выглядят данные эффекты..

 

Для начала необходимо подключить следующие скрипты между тегами head, которые выглядит так:

Затем сразу подключаем следующий скрипт, в нем вы можете найти скорость анимации, и размещения изображений:

Обратите внимание, что названия изображений должны отличаться лишь конечной цифрой, т.е.: slash1.jpg, slash2.jpg, slash3.jpg, slash4.jpg и т.д. Расширение у картинок тоже должно быть одинаковым. В нашем случае это jpg.

Затем стилизируем наши изображения с помощью CSS:

В этом коде, мы  подключаем 4 вида смены изображений. Ненужные Вам можете удалить, убрав элементы списка с ними: