Вы здесь
Главная > Мой блог > WEB-разработка > Галерея для сайта – скрипт

Галерея для сайта – скрипт

Галерея для сайта – скрипт, который позволяет вставить на страницу несколько галерей без доработки яваскриптов, давно такой искал!

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

demosourse

Как обычно, в самом верху документа размещает все скрипты и таблицы стилей для корректной работы галереи:

Далее для создания галереи в теле документа необходимо начать с нескольких дивов вначале и все фото оформить в виде неупорядоченного списка. Внутри тега с изображением можно указать заголовок и описание. Также обратите внимание на пути к изображению и его миниатюре.

Вместо … по аналогии можно добавить неограниченное число изображений. Таким образом можно создавать внушительные фотогалереи.

Изменение размера изображений

Возможно Вам захочется отображать более мелкие\крупные изображения. В таком случае Вам необходимо изменить под свои нужды несколько стилей:

Изменение эффекта смены изображений

Тут также нет ничего сложного. В файле jquery.ad-gallery.js Вам необходимо найти параметр effect и подставить одно из 5-и возможных значение (‘slide-vert’, ‘slide-hori”, fade’, или ‘resize’, ‘none’).

Все готово. Пользуйтесь!

Источник: ruseller.com

Добавить комментарий

Top