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 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 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 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

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 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

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 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

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

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

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

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

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.