Articles

 In this category you will find articles about web design, web development and related topics. Here we also feature inspirational collections, opinions and articles about best practices.

Best Free Scripts For FullScreen Slideshow Design

Category: Articles Written by Phuong / April 3, 2014
Best Free Scripts For FullScreen Slideshow Design

Scripts play an important role in web design. It can be interesting, bold or injecting a bit of fun into your design.

Scripts for fullscreen slideshow design are also a great part in each design toolkit, which can give a big chance to the over-all look of any site. Nowadays, you can find out many free scripts for fullscreen. However, make sure that you can choose the best fullscreen slideshow scripts for your design
Here I am going to introduce you some scripts for fullscreen slideshow

1: Vegas

vegas
Vegas is a JQuery Plugin to add beautiful fullscreen backgrounds to your webpages. It even allows slideshows. You can create amazing slideshows on your site

Download Here

2: Supersized

superized
Supersized is a fullscreen background slideshow built using JQuery Plugin system. With Supersized, you will have a good chance to own a website by outstanding slideshow

Download here

3: mb.bgndGallery

mbbgnd gallery
One more awesome type of script that can help users make their site fullscreen. Mb.bgndGallery is used to the body and uses one of the defaults built in effect "blur". You can create a custom transition by using the Css3 transform and effect (you can see more clearly in demo). As you can see, resizing the browser window the image will resize and center to always fit the screen. You can use the left/right arrow and the space bar (pause/play) keys to navigate the gallery.

Download Here

4: Big Video Fullscreen Video Slideshow

big video fullscreen video slideshow
You like your site to display with big video slideshow not image slideshow; below script will be good choice for you. Big Video.js is a jQuery plugin that makes it easy to create fit-to-fill background video on a web page. It can play silent ambient background video (or series of videos), or used as a player to show video playlist.

Download Here

5: Css3 Fullscreen Slideshow

CSS3FullscreenSlideshow
With Css3- only Fullscreen Slideshow, you will have a chance to create site with different image transitions and you can also make a title appear using Css3 animations

Download Here

6: Curtain.js

curtain.js
Curtain.js is considered as a plugin which allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises.

Download Here

7: Superslides

superslide
Superslides is a fullscreen slider, hardware accelerated for JQuery. In addition, your images will be smartly centered in the viewport. You can also use your own media queries to control the layout of your content.

Download Here

8: HTML5 Audio and JQuery

fullscreenSlideshowHtml5
One more amazing way to create fullscreen slideshow on your site is that using HTML5 Audio and JQuery. You will be able to make site with fullscreen images to display and you can also add sound with the HTML5 audio element.

Download Here

9: Thumbnail Flip

fullscreenThumbnailFlip
With Thumbnail Flip, you will have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or down depending where you are navigating to. The thumbnail will have a zoom and a fullscreen option, making the image in the background appear in fullscreen mode or as a complete image, resized to fit in the page.

Download Here

10: MaxImage 2.0 – Jquery Cycle Plugin

maximage
Let me introduce a fullscreen background slideshow plugin that allows you to use JQuery Cycle plugin as a fullscreen Slideshow, which supports almost of JQuery Cycle's.

Download Here

11: Sideways - jQuery fullscreen image gallery

sideway
A simple, yet elegant fullscreen image gallery created with the Jquery System and CSS. The gallery features fullscreen images in various modes and custom scrollbars. SIDEWAYS image gallery is made by implementation of some previous scripts and some (minor) CSS3. It utilizes the Jquery UI (Jquery User Interface), Jquery Easing and JQuery Mousewheel Plugin.

Download Here

12: PhotoSwipe - Image Gallery for mobile and touch devices

photowipe
PhotoSwipe has also been designed to run stand-alone and can be easily integrated into your non jQuery / jQuery mobile websites

Download Here

13: Smooth fullscreen background slideshow in jQuery

smooth fullscreen
With these scripts, your fullscreen background slideshow in Jquery will become smoother. You can use this effect for displaying a slideshow of images on the background

Download Here

14: Slit Slider - Fullscreen with jQuery and CSS3

SlitSlider
The Slit Slider is a slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. With using jQuery and CSS animations you can create unique slide transitions for the content elements.

Download Here

Above is some scripts for fullscreen slideshow that I would like to share
Hope that it is useful for your design
You can share with others and they will have a look at this post. Fortunately, they can find out good scripts for your site
Thank you so much!

Thank for sharing!

About The Author


Phuong

Hello everyone!
I am Phương. I am Supporter, Seoer and Bloger in TemPlaza
I am 24 years olds. I live in Ha Noi City