iziModal.js - Prawdziwie dynamiczne okno modalne jQuery Plugin

Wydaje się, że większość okien modalnych odwracać uwagę i denerwować gościa z pola wyboru i niechciane oferty. Te moduły często przejmują całą stronę, wyglądają okropnie i nie oferują wyraźnego sposobu zamknięcia okna. Na szczęście, iziModal.js jest dokładnie odwrotnie.

To jedna z najmodniejszych wtyczek do modalnych okien, jakie kiedykolwiek widziałem i sprawia, że ​​jestem podekscytowany możliwością ponownej interakcji z modami.

iziModal.js to a wtyczka jQuery więc potrzebujesz kopia biblioteki jQuery aby to zadziałało. Ale to jest dość lekki a ty możesz nawet włącz bibliotekę zewnętrznie z CDNJS.

Uwaga: ta wtyczka jest dołączona dużo różnych opcji. Możesz przekazać opcje do stylizuj rozmiar modalny, typ ramki i animację. Ale ty też możesz tworzyć funkcje zwrotne jeśli użytkownik zamknie modal lub kliknie określony element.

Możesz znaleźć mnóstwo przykładów na CodePen, ale bardzo mi się podoba prezentacje hostowane na stronie głównej iziModal. W szczególności sprawdź opcja osadzania iframe gdzie to miało miejsce automatyczny odtwarzacz Vimeo w kolejce modalnej.

Projekt jest wspaniały, a modal naprawdę ma ochotę część interfejsu. Jakość animacji jest również imponująca i wszystko jest zasilane CSS3 i jQuery.

Na głównej stronie wtyczki znajdziesz również tabele dokumentacji z fragmentami kodu dla każdej z dostępnych wersji demonstracyjnych. Oto najkrótszy bit kodu do użycia w oknie modalnym.

 $ (dokument) .on ('click', '.trigger', function (event) event.preventDefault (); $ ('# modal'). iziModal ('open');); 

The iziModal () funkcja ma ponad 45 różnych opcji które można przekazać dostosuj okno modalne. To także ma niestandardowe wydarzenia to może funkcje wyzwalające jak wtedy, gdy modal otwiera, zamyka lub przechodzi na pełny ekran.

Jest to niewiarygodnie ogromny projekt i łatwo jest jednym z moich ulubionych wtyczek do okien modalnych z a punkt widzenia projektu i użyteczności.

Aby pobrać kopię źródła, możesz albo przeciągnij go przez npm lub pobierz z GitHub. A jeśli masz sugestie dotyczące wtyczki lub po prostu chcesz podzielić się swoimi podziękowaniami, możesz napisać na Twitterze twórcę Marcelo Dolce @marcelodolce.