» Parallax Slideshow

Your visitors eyes will pop out of their sockets when they see this attention-grabbing animated slideshow. It creates a depth of field sensation by layering up to 3 images on top of each other and animating them at different speeds. There are plenty of options available to customise the performance just the way you like it.

This is a no-brainer. Just download and enjoy!

Download from the Concrete5 Marketplace ($15)

Features:

  • Works on all web browsers (uses jQuery, not Flash)
  • Automatically generated thumbnails with cool angled effect
  • Automatically resizes and crops images
  • Choose individual images or select a fileset
  • Control the speed of the animation
  • Control the automatic hands-free slideshow (or just turn it off)
  • Choose up to 3 images for layers + 1 static background layer (PNG recommended)
  • Turn on or off circular navigation (returns to beginning after end of slideshow)
  • Optional lightbox effect - view larger version of image by clicking on it
  • Optional linking to page on a slide-by-slide basis (uses Custom File Attribute)

Tips:

Use PNG images with some transparency for each later (except for the static background) so you can see "through" the layer to the layer below.

Layer images should be at least 420px in height and can be any width you wish (but preferably at least the width of the area you're working with (eg. 800px).

Example:


Warning: Creating default object from empty value in /home/caddonsc/public_html/packages/jb_parallax/blocks/jb_parallax/controller.php on line 60

Warning: Creating default object from empty value in /home/caddonsc/public_html/packages/jb_parallax/blocks/jb_parallax/controller.php on line 60

Warning: Creating default object from empty value in /home/caddonsc/public_html/packages/jb_parallax/blocks/jb_parallax/controller.php on line 60

Warning: Creating default object from empty value in /home/caddonsc/public_html/packages/jb_parallax/blocks/jb_parallax/controller.php on line 60

Warning: Creating default object from empty value in /home/caddonsc/public_html/packages/jb_parallax/blocks/jb_parallax/controller.php on line 60

Warning: Creating default object from empty value in /home/caddonsc/public_html/packages/jb_parallax/blocks/jb_parallax/controller.php on line 60

Warning: Creating default object from empty value in /home/caddonsc/public_html/packages/jb_parallax/blocks/jb_parallax/controller.php on line 60

Warning: Creating default object from empty value in /home/caddonsc/public_html/packages/jb_parallax/blocks/jb_parallax/controller.php on line 60

Warning: Creating default object from empty value in /home/caddonsc/public_html/packages/jb_parallax/blocks/jb_parallax/controller.php on line 60
Loading images...

Demonstration Video:

Screenshots

See answers to common questions about this add-on