Thursday, July 25, 2013

15 jQuery Fullscreen Image Slideshow / Gallery Plugins

In this post, I have compiled a list of 15 jQuery Fullscreen Image Slideshow / Gallery Plugins. Hope this could save your time from googling!

Slider Revolution

This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS!

revo

GalleryJack Rebooted

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

jq-fs-13

FFSlider

You'll not find another slider like this one on the Internet. This is a unique one! This is the first resizable Fullscreen Slider! It fits on any screen! Using a smaller image than the biggest actual resolution? No problem… You can applied a "magic" texture over the slider to avoid any ugly pixel due to the resize of the images.

jq-fs-14

jQuery Fullscreen Grid Gallery

The GridGallery is a jQuery plugin you can use to display your image like photography or other works. The image support both landscape and portrait.

jq-fs-15

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.

jq-fs-1

jQuery HTML5 Fullscreen Slideshow

This jQuery plugin lets you create fullscreen galleries where the slides are shown on the entire screen using the fullscreen APIs provided by Firefox 10+ and Chrome 15+ (and possibly Safari 5.1+).

jq-fs-2

Supersized

Supersized is a fullscreen background slideshow built using the jQuery library.

jq-fs-3

FerroSlider

FerroSlider is a free jQuery plugin that allows you to organize the contents of websites in a unusual and cool way and navigate through them with a sliding effect.

jq-fs-4

Fullscreen Slideshow with HTML5 Audio and jQuery

In today's tutorial we'll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.

jq-fs-5

SuperBGImage

Nice jQuery fullscreen image plugin.

jq-fs-6

Vegas Background jQuery Plugin

Vegas is a jQuery plugin to add beautiful fullscreen backgrounds to your webpages. You can even create amazing Slideshows.

jq-fs-7

Advanced jQuery background image slideshow

It features changing text and playback controls. When the animation doesn't seem smooth, the images might not be loaded. This script can perfectly be combined with an image preloading plugin to get rid of this effect. Tested and works on Firefox, Safari, Chrome and Opera. I've used images with a width of 1500px, just to cover most of the currently used screen resolutions.

jq-fs-8

PhotoSwipe

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

jq-fs-10

Background Stretcher

bgStretcher 2011 (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plug-in will work as a slideshow if multiple images mode is used (the speed and duration for the slideshow is configurable).

jq-fs-9

Smooth fullscreen background slideshow in jQuery

The goal of this effect is to display the slideshow in the background, without interfering with the actual content of the website.

jq-fs-11

Fullscreen Slit Slider with jQuery and CSS3

A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions.

jq-fs-12

No comments:

Post a Comment