Supersized 3.1 jQuery Plugin – Fullscreen Background Slideshow with Flickr Support

Supersized 3.1 jQuery Plugin â€" Fullscreen Background Slideshow with Flickr Support

Supersized just got rewritten from the ground up. It’s faster, with more options, animations, and added Flickr support.

Hello, Supersized 3.1

Features

• Resizes images to fill browser while maintaining image dimension ratio
• Cycles backgrounds via slideshow with transitions and 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.

New in Supersized 3.1

• Complete rewrite of the Supersized script.
• Automatically adds in required elements.
• Added image rendering for faster transition speeds on FF and IE.
• Dynamic image handling (no longer relies on predefined ratios).
• Unobtrusive backgrounds â€" you no longer need to wrap your content in a special div.
• Many options added, including fit to screen, keyboard navigation, transition speed, and more.
• Created separate script specifically for Flickr â€" can pull by user, set, or group.

Upgrading from Version 3.0

3.1 cleans up a lot of extra code, which means the majority of the upgrade process entails cutting out extra lines. Here’s the process to upgrade from a clean version 3.0 install:

Update the paths to the new JS and CSS files.

Remove the #supersized element and #loading (now called #supersized-loader)

The default image path is “img/” â€" make sure this matches your setup or change line 56 in supersized.3.1.js

Replace the jQuery which calls Supersized from your page with the new format (“jQuery(function($){ $.supersized …” found in any of the downloadable demos).

If you are experiencing trouble upgrading a clean installation feel free to post below in the comments. If you have done a substantial amount of customization and need help, I am available for hire â€" details are at the bottom of the project page.

Comments and Further Development

If you are going to use the Flickr version of Supersized, you will need to get an API key, available here. Keep in mind Flickr limits you to 3,600 calls per hour â€" so I apologize if the Flickr demo on the project page goes down.

In order to keep things loading as quickly as possible, if you make any edits to the Supersized javascript file you will want to minify it when you’re done. There’s a number of ways to go about this, but I’ve recently become quite fond of this GUI solution which uses YUI Compressor â€" Smaller.

I’ve added Supersized to Github, which is were I will publish minor point releases and field any bug reports.

Thank you for continuing to make Supersized one of the most popular posts on Build Internet.

Banner image provided by Kitty Gallannhaugh.
Other photography by Emily Tebbetts and Larissa Felsen.

Powered By WizardRSS.com | Full Text RSS Feeds | Amazon WordPress Plugin

I'm reading: Supersized 3.1 jQuery Plugin – Fullscreen Background Slideshow with Flickr Support