Адаптивные слайдеры




Fancybox 3.0 (адаптивный слайдер)

Многофункциональная фотогалерея.

Сайт фотогалереи Fancybox http://fancyapps.com/fancybox/3/

Документация – http://fancyapps.com/fancybox/3/docs/

Скачать эти примеры fancybox-3.0




fancyBox - Images

Image gallery

Galleries are created by adding the same data-fancybox attribute value.

Gallery with one preview image

Only show one or a few images but have a large gallery.

Single image


fancyBox - Images

Display images instantly without waiting for full size image to load. Simply add data-width and data-height attributes.


fancyBox - Images using "srcset"

The first one does not wait for full image to load and uses thumbnail as preview image.


fancyBox - Images

Simple protection from downloading images using right-click.

Example of adding watermark.


fancyBox - Inline content

By default, there is no opening/closing animation:
Open demo

If you wish, you can create your own animation using CSS:
Open demo


fancyBox - Ajax

Open demo

fancyBox - Iframe

External page
Sample PDF file


fancyBox - Embedding


fancyBox - Custom video dimensions