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

И так, по традиции наших уроков предлагаю, для ленивых:)  просмотреть уже готовый результат нашей галереи или скачать исходники:

Создание отличной галереи на jQuery

Создание отличной галереи на jQueryСоздание отличной галереи на jQuery

А теперь рассмотрим что нам надо сделать для создания такой галереи:

1. jQuery Вставляем следующий код между тегами <head></head>. Не забываем про правильный путь к фреймворку.

Данная функция сделает анимацию при наведении курсора мыши на миниатюры изображения.

2. CSS, Вторым этапом идут стили оформления. Стили можно вставить как в сам документ, так и вынести в отдельный файл.

 

HTML, И завершающим этапом будет добавление изображений, Все картинки необходимо оформить списком вот таким образом:

 

Что бы все получилось, не забываем указать правильный путь к изображениям, на этом наша галерея закончена, надеюсь у Вас все получиться.

На главную