Jump to content
Sign in to follow this  
Mativve

Nowy fancybox 3 - nowe możliwości

Recommended Posts

Link do strony: http://fancyapps.com/fancybox/3/

 

Pisany zasadą "mobile first" dającą świetny wygląd na urządzeniach mobilnych. Obsługuje gesty dotykowe (podwójne dotknięcie, przyciśnięcie i przyciśnięcie do przeglądania zdjęć, przesuwanie poziome w celu nawigacji). Możliwość otwarcia modalu (pop-up) podczas gdy inny jest już aktywny. Szybka i łatwa konfiguracja. Posiada tylko dwa pliki i może być implementowany bez pisania dodatkowych linii kodu w JS. Automatycznie rozpoznaje treści. Możliwość obsługi: Youtube, Vimeo, Google maps.

 

Quick Start

Spoiler

<!-- 1. Add latest jQuery and fancyBox files -->

<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.js"></script>


<!-- 2. Create links -->

<a data-fancybox="gallery" href="big_1.jpg"><img src="small_1.jpg"></a>
<a data-fancybox="gallery" href="big_2.jpg"><img src="small_2.jpg"></a>


<!-- 3. Have fun! -->

 

 

  • Like 1

Share this post


Link to post

Warto dodać, że przy użyciu komercjalnym trzeba wykupić licencję ☺️

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Create a New Account. It’s free and easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
×
×
  • Create New...