Сайт

 Звонок  по  России  бесплатный

8-800-20002-74

 Челябинск: 8 (351) 267-20-10
   xxx-xxx         
  xxx   
Главная Контакты Карта сайта

Авто на заказ

  • Логин:
    Пароль:
Зарегистрироваться | Забыли пароль?
» »

Lightbox image jquery

Опубликовано: 12.05.2017

видео lightbox image jquery

Create a Fully Functional Light Box with Image Slider in jQuery

Скачайте последнюю версию плагина (также доступна через Bower: bower install lightbox2 --save). После чего разархивируйте zip файл и загляните в урезанный рабочий пример, который находится в папке examples.

Готовые для установки Lightbox на вашей страничке? Начните с подключения CSS и Javascript. Вы сможете взять оба этих файла из папки dist, смотрите на сайте такому. Воткните последующий код меж тегами head в вашей web-странице

Последующий код, подключающий плагин, воткните перед закрывающим тегом body:

Удостоверьтесь, что JQuery, который требуется Lightbox, также загружаются. Если вы уже используете JQuery (требуется JQuery 1. 7 либо выше) на страничке, удостоверьтесь, что он загружается до lightbox.js. Если у вас не подключена jQuery, воспользуйтель dist/js/lightbox-plus-jquery.js, в каком уже есть эта библиотека, или скачайте последнюю версию с оф. веб-сайта. Удостоверьтесь, что четыре изображения, прописанные в lightbox.css расположени в обозначенном месте. Вы сможете взять изображения из папки /dist/images.

Сейчас займемся HTML-кодом. Добавьте атрибут data-lightbox к ссылке, содержащей изображения и к которым мы желаем применить наш плагин. В качествен значения атрибута используйте уникальное для каждого изображения имя. К примеру:


Responsive Lightbox Using HTML,CSS and JQuery - TheMindSpeaks


Все права защищены