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

Для начала мы рассмотрим разметку HTML-документа, в котором будет выводиться все изображения, также можно присвоить описание с помощью атрибута alt, подпись изображений будет выводиться внизу изображений.

Стили CSS фотоальбома находятся в fotorama.css Первая таблица стилей-это макет нашей страницы. Вторым, по умолчанию, файл стилей галереи fotorama. Вы можете настроить его (при необходимости). Оба файла находятся в исходниках.

Теперь рассмотрим параметры фотоальбома, параметры которого находятся в файле main.js, основные параметры подписаны в коде:

Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.