jQuery Fullscreen Image Slideshow by Chico

Share this article


Today we have a guest post from an inspirational jQuery developer called Chico Charlesworth or simply “Chico”. The guy from London has developed an awesome fullscreen jQuery slideshow plugin. Check out the demo it’s awesome!

Live Demo Download Now

jQuery Fullscreen Slideshow is a simple plugin that allows you to easily create a fullscreen image slideshow with zoom/slide animation.

The live demo shows a slideshow of images associated with my most recent tweets. The download includes the plugin and an example that displays a slideshow of eye-catching images from National Geographic.

Getting Started

  • Include the jQuery library and the jquery.fullscreen.slideshow.js plugin in your webpage.
  • Call $.slideshow() with an array of images to start the slideshow.

About the Plugin

The plugin loads each image in turn and displays them in fullscreen mode, randomly applying the zoom or slide animation. The animation speed and the transition time between images are configurable.

Lastly, I would like to mention that this plugin inherits from Scott Robbin’s Backstretch library, which does a great job of dynamically resizing images to fit the browser window.

Author: Chico Charlesworth

About: http://99layers.com/chico

Twitter: @​ccharlesworth

Sam DeeringSam Deering
View Author

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

Share this article
Read Next
Get the freshest news and resources for developers, designers and digital creators in your inbox each week
Loading form