12 Fullscreen Background jQuery Plugins

12 Fullscreen Background jQuery Plugins
5 May 2013

Zdecydowanie posiadanie pełnoekranowego obrazu tła sprawia, że strona wygląda bardziej atrakcyjne i fajne, niż z wykorzystaniem zwykłego tła.

Możemy użyć CSS do pracy, po co się męczyć z wykorzystaniem wtyczek? No masz rację, ale z pomocą wtyczki jQuery, możemy dodać jeszcze więcej funkcji na naszym tle, na przykład automatyczną zmianę rozmiarów, aby wypełnić przeglądarkę, zastosowanie tekstury siatki, tworzenie pokazu slajdów tła, dodawać wideo tła, itp.

Poniżej, przygotowałem listę 12 pełnoekranowych wtyczek jQuery. Mam nadzieję, że może to zaoszczędzić czas od guglowania!

Supersized! jQuery Plugin


Supersized

Supersized

Supersized jest to plugin jQuery, który jest dość znany w tworzeniu pełnoekranowego pokazu slajdów w tle. Teraz wkracza do wersji 3.2 z tonami nowych funkcji wewnątrz.


 

Vegas Background jQuery Plugin


Vegas Background

Vegas Background

 

Vegas Background jest to plugin jQuery, który pozwala dodać piękne pełnoekranowe tła lub nawet stworzyć niesamowite pokazy slajdów na stronach internetowych. Wtyczka automatycznie stosuje fajne tekstury, aby obraz w tle wygląda jak “tło”.

bgStretcher jQuery Plugin


bgStretcher

bgStretcher

 

bgStretcher pozwala dodać obraz tła do strony i proporcjonalnie zmienić jego rozmiar, aby wypełnić całe okno przeglądarki. Możesz również stworzyć pokaz slajdów jako tło.

 

jQuery tubular


jQuery tubular

jQuery tubular

 

Tubular jest to niesamowity plugin jQuery, który pozwala ustawić film z YouTube jako stronie jako tło. Wystarczy podać YouTube Video ID i Tubular zrobi resztę za Ciebie.

Backstretch jQuery Plugin


Backstretch

Backstretch

 

Backstretch to prosty plugin jQuery, który pozwala dodać dynamicznie zmieniany obraz tła do stron internetowych. Będzie on rozciągnąć obraz do rozmiaru okna przeglądarki.

jQuery.videoBG Plugin


jQuery.videoBG

jQuery.videoBG

 

Ten plugin pozwala łatwo dodać video HTML5 jako tło do strony internetowej lub jako DIV. Zapewnia również funkcję “powrotu jako obraz”, jeśli przeglądarka użytkownika nie obsługuje znacznika video HTML5.

 

MaxImage 2.0 Plugin


MaxImage 2.0

MaxImage 2.0

 

MaxImage 2.0 jest to typowy fullscreen background slideshow plugin w jQuery, który umożliwia korzystanie z jQuery Cycle i obsługuje prawie wszystkie funkcje jQuery Cycle, efekty przejścia, itd .

 

Smooth Fullscreen Background Slideshow jQuery Plugin


Smooth Fullscreen Background Slideshow

Smooth Fullscreen Background Slideshow

 

Bardzo fajną funkcją w tej wtyczce jest to, że czeka ona na wszystkie obrazy zanim wyświetli je jako tło. Możesz dodać teksturę siatki, jeśli chcesz.

 

Fullscreen Background jQuery Plugin


Fullscreen Background

Fullscreen Background

 

Wtyczka ta działa dobrze nawet z IE7. Oczywiście działa bez problemów na wyższych wersjach IE, Firefox, Opera, Safari i Chrome. Ponadto, jest to łatwa do zintegrowania i każdy może to zrobić!

 

jQuery Easy Background Resize


jQuery Easy Background Resize

jQuery Easy Background Resize

 

Jak widać w nazwie tej wtyczki jest bardzo prosty i łatwy w użyciu. Jeśli nie chcesz żadnych dodatkowych funkcji w tle, to plugin będzie odpowiedni do twoich potrzeb.

Full Size Background Image jQuery Plugin: Redux


Full Size Background Image

Full Size Background Image

 

Lekki plugin jQuery dla ustawienia tła, automatycznie rozszerzany i zwężany z zachowaniem proporcji

 

Nice jQuery Full Background Image Slider


Nice jQuery Full Background Image Slider

Nice jQuery Full Background Image Slider

 

To nie jQuery plugin, ale tylko prosty samouczek jQuery dla pełnoekranowego pokazu slajdów. Jeśli jesteś zainteresowany aby mieć własny plugin do obsługi tła w jQuery, to będzie Twój fundamentalny tutorial.