jQuery Topics

Fullscreen Background Slideshow Plugin

BuildInternet brings us a super-stylish “supersize” plugin for full-screen slideshows of background images. The supersize plugin is robust and feature-packed, resizing images to full-browser dimensions while maintaining the proper aspect ratio and cycling through background images in smooth slideshow fashion. Plus, navigational controls enable the user to pause, play, and go forward or backward through the images.

Supersized makes it super-easy to deliver fullscreen background slideshows with plenty of options for custom configuration:

  • startwidth, startheight – width/height for resizing ratio calculation
  • vertical_center – toggles centering of images in vertical fashion
  • slideshow – toggles slideshow; includes captions, counters & nav
  • navigation – toggles navigation; configurable with custom images
  • transition – transition effects include slide-ins, fades, or nothing
  • pause_hover – pauses slideshow while current image hovered over
  • slide_counter – toggles display of slide counter
  • slide_captions – toggles slide captions
  • slide_interval – time between slide changes in milliseconds

No explicit usage instructions are found on the plugin’s official project page, but several demos are available that should provide everything you need via the source code. Below is a link to the default demo, the others are available at the bottom of the documentation page.

More info and discussion here.

Demo

Documentation

Download

Read more

jQuery Resources

Learn more about jQuery

jQuery News & Links

In today’s post we have included lightbox scripts/plugins from several JavaScript libraries: jQuery, MooTools, Prototype. These stylish lightbox scripts/plugins can ...

Just like Google Translate, jQuery plugins can be used to the same effect when it comes to having your own ...

We’re ready for our next round of community input, this time for version 1.8! This is your chance to suggest ...

The jQuery smoothAnchor Function provides you with a lightweight script that can make your in-page anchor links smooth scrolling. There ...

Here in the United States, we’re celebrating Thanksgiving this week. For those of you living elsewhere in the world, it’s ...

We all know that HTML5 is a new web technology led by Apple and it will be the next big ...

Today while we were searching for a decent plugins to share on the blog we stumbled across some jQuery plugins ...

TL;DR The body responsible for overseeing jQuery’s finances and administration, which was until today known as the jQuery Team, is ...

More and more Developers and Designers and have been using WordPress these days. Combining WordPress CMS with the power of ...

Just to let you know we’re not asleep at the switch around jQuery Central, we’ve got a new preview release ...

It seems everyone is asking this question lately! What do these lightbox/thickbox/fancybox/colorbox jQuery plugins have in common and what are ...

We’ve posted tons of jQuery Navigation Menu plugins for your websites and blogs and now we are giving you another ...

It can be very time consuming to make your jQuery code neat and tidy. Fortunately, there are online tools and ...

As a developer you may want to share your code on your website or blog (just like us!). There are ...

Hi guys, just a quick post to show you how to add custom messages to your code snippets that you ...

This is very useful for loading mutiple scripts with a callback function containing code that you want to run only ...

Here are 2 options to quickly view all the JavaScript used on a web page. Could come in handy when ...

This is how you can load the jQuery library using plain JavaScript. As the load takes place asynchronously so i’ve ...

jQuery Summit 2011 It’s that time of the year again (no, not Christmas!, something almost better!) – the annual (online) jQuery ...

The jQuery Slider can play a very important role when it comes to grabbing attention, displaying images & saving space ...

More Links & News

Community Resources

Use jQuery and the Google Maps API to create your own map application.

Super cool and easy way to get stylish tooltips with jQuery.

The right way to include the jQuery library in WordPress.

Share a resource