6 Useful jQuery Fullscreen Plugins

in Web coding

jQuery Fullscreen can turn your web page or image into fullscreen mode. In this article we’ve list 6 of them.

1. SIDEWAYS – jQuery fullscreen image gallery

A simple, yet elegant fullscreen image gallery created with the jQuery library and CSS. The gallery features fullscreen images in various modes and custom scrollbars.

2. Vegas Background jQuery Plugin

Vegas is a jQuery plugin to add beautiful fullscreen backgrounds to your webpages. It even allows Slideshows.

3. Supersized – Fullscreen Slideshow jQuery Plugin

Features

  • Resizes images to fill browser while maintaining image dimension ratio
  • Cycles backgrounds via slideshow with transitions and dynamic preloading
  • Core version is available for those that just want background resizing.
  • Navigation controls with keyboard support
  • Integration with Flickr – pull photos by user, set, or group
  • Head over to the project page for all the details.

4. jquery-fullscreen-plugin

This jQuery plugin provides a simple to use mechanism to control the new fullscreen mode of modern browsers. Currently only newer Webkit-based browsers (Like Chrome) and Firefox provide this new fullscreen feature.

5. Fullscreen Slit Slider with jQuery and CSS3

In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll cut the current slide open in order to reveal the next or previous slide. Using different data-attributes, we’ll define the type, rotation angle and scale of a slide’s parts, giving us the possibility to create unique effects of each slide transition.

6. Fullscreenr – lightweight full screen background plugin

So you want to have a background image on your website, which always fills the screen and maintains its aspect ratio? And it has to be centered, instead of focussing at the top left corner of the image?

It is possible with jQuery and the fullscreenr plugin on this page! You can find a demonstration here and as you can see it works perfectly in all javascript enabled browsers. Note that Internet Explorer needs some extra code to enable the transparent png used for the raster over the background image. If you want to add this code I would like to refer you to unitpngfix, but of course you could just not support IE6.

Premium Plugins

GalleryJack Rebooted – A jQuery Fullscreen Gallery

gallery-jack-rebooted-jquery-fullscreen

A Fullscreen Image Gallery with Categories, HTML5 Video, HTML5 Audio & more

FFSlider – Unique Fullscreen Slider

ffslider-fullscreen-slider

his is the first resizable Fullscreen Slider! It fits on any screen

jQuery Resizable FullScreen Gallery Plugin

jquery-resize-fullscreen-gallery-plugin

The jQuery Fullscreen Gallery is a plugin which can help you to display your photography or other works. It has auto delay slideshow built-in. The big images are resizable and support hyperlink.

Fullscreen Site Navigation

fullscreen-site-navigator

FSN (Fullscreen Site Navigation) is a JavaScript plugin that lets to build in the easy and quick way a fullscreen website.