» »

Красивая галерея на CSS3 и jQuery для сайта

Красивая галерея на CSS3 и jQuery для сайта

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

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

Скрипт увеличение изображение на сайте

Такой код по умолчанию идет.

Код
<ul id="images">
  <li> <a href="http://zornet.ru/Aben/ABGDA/w7LRK9dOR968CxaZxqBO-Q.png" rel="gallery" title="Carnival" class="lightbox">
  <img src="http://zornet.ru/Aben/ABGDA/w7LRK9dOR968CxaZxqBO-Q.png" alt="Carnival"
  width="150" height="83" />
  </a>

  </li>
  <li> <a href="http://zornet.ru/Aben/ABGDA/w7LRK9dOR968CxaZxqBO-Q.png" rel="gallery" title="Holiday Property" class="lightbox">
  <img src="http://zornet.ru/Aben/ABGDA/w7LRK9dOR968CxaZxqBO-Q.png"  
  alt="Holiday Property"
  width="150" height="83" />
  </a>

  </li>
  <li> <a href="http://zornet.ru/Aben/ABGDA/w7LRK9dOR968CxaZxqBO-Q.png" rel="gallery" title="Carpenter" class="lightbox">
  <img src="http://zornet.ru/Aben/ABGDA/w7LRK9dOR968CxaZxqBO-Q.png"  
  alt="Carpenter"
  width="150" height="83" />
  </a>

  </li>
</ul>

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

Демонстрация
22.10.2017 Загрузок: 4 Просмотров: 337 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar