Как сделать лайтбокс с фотографиями Lightbox foto фото

Здравствуйте! Прочитав данную статью, вы узнаете – что такое Лайтбокс, и как его сделать. Лайтбокс – это специальное окно для просмотра фотографий, при открытии фотографии, окно с фотографией выводится на передний план, а все остальные объекты на экране компьютера затемняются, чтобы не отвлекать ваше внимание. Итак, создавать лайтбокс мы будем с помощью плагина – Shortcodes Ultimate, с помощью данного плагина можно создать не только лайтбокс, но и множество других функций и элементов для вашего Сайта.

О том, как установить и настроить данный плагин, а также как с ним работать, я уже писал, можете прочесть – ЗДЕСЬ! ничего сложного там нету. Ну а если вы уже установили плагин, и узнали как с ним работать, тогда двигаемся дальше, и приступаем к созданию лайтбокса.

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

Затем вам нужно выбрать функцию Слайдер.

Лайтбокс мы будем делать с помощью слайдера, в самом плагине есть и функция лайтбокс, но там можно вставить только одно фото, поэтому мы воспользуемся слайдером. Итак после нажатия на вкладку Слайдер, у вас откроется окно для настройки функций.

Теперь рассмотрим настройки:

– Источник, здесь нужно выбрать источник из которого будут браться изображения, если выбрать медиа библиотеку то вы сами сможете выбрать какие фотографии будут отображаться в лайтбоксе.

– Лимит, максимальное допустимое кол-во изображений, относится только к записям и категориям.

– Ссылки, здесь указываем Лайтбокс.

– Цель ссылок, при значении Лайтбокс, данная функция отключается.

– Ширина, укажите ширину изначального изображения, которое будет показываться первым.

– Высота, укажите высоту…,

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

– Показывать Заголовки, данная функция для Записей.

– По центру, можно выровнять по центру.

– Стрелки, при значении Лайтбокс, можно отключить стрелки, так как они и так будут в самом лайтбоксе.

– Страницы, также можно не включать при лайтбоксе.

– Управление колёсиком мыши, это функция для слайдера, при лайтбоксе можно не включайте её.

– Автовоспроизведение, чтобы отключить укажите ноль, если отключить, изображения не будут сами перелистываться.

– Скорость, можно оставить как есть.

– Класс, если не разбираетесь просто не указывайте ничего.

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

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

А у меня всё на этом, как видите если разобраться, то ничего сложного здесь нет, пробуйте, экспериментируйте и у вас всё получится, до новых встреч! У вас остались Вопросы? я жду ваших комментариев! Кстати, а вы знаете – Как сделать лайтбокс с видео?