» Slider Overlay

No need to compromise - get the quality of Flash with the compatibility and reliability of Javascript. This elegant slideshow features an animated overlay which is ideal for product banners. You can select any image attribute to display (eg. title, description, etc). This slideshow takes advantage of CSS3 support in newer browsers with a semi-transparent effect for the overlay.

The placement, colour and opacity level of the overlay can be easily modified. In addition, there's no need to manually resize each image. This module will automatically resize and crop your images so they are fit nicely.

This slideshow will add class and sophistication to your website.

Download from the Concrete5 Marketplace (Price: $15)

Features:

  • Easy control of overlay position (top, bottom, left, right).
  • Change the overlay colour with the built-in colour picker.
  • Automatic resizing and cropping of images. No need to manually resize each image!
  • Adjust the slide transition duration.
  • Use image attribute for overlay content (eg. title, description)
  • NEW: Choose to link image to lightbox (with file description) 
  • NEW: Choose to link image to any URL (using a file attribute of choice) 
  • NEW: Choose overlay text colour
  • NEW: Hide overlay altogether

Example:

Example 1) Overlays on all 4 sides of the image. Images are selected individually.


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

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

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

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

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

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

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

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

Warning: Creating default object from empty value in /home/caddonsc/public_html/packages/jb_slider/blocks/jb_slider/controller.php on line 60
  • Ferrari Ferrari
    If you have to ask "how much", then you can't afford it.
  • Jaguar Jaguar
    This car looks pretty expensive. This add-on now supports longer descriptions without such as this one which wraps over 2 or more lines.
  • Generic Generic
    Some sort of fancy, expensive car.
  • Nissan Nissan
    If you stare into the headlights long enough you'll be under the control of the car... and not the other way around.
  • Ford Ford
    Why don't all Ford cars look like this?
  • BMW BMW
    Driving one of these? Then you've got style.
  • Another one Another one
    If you were to be hit by a car, I'm sure you wouldn't want it to be this one. Looks like a tank.
  • Audi Audi
    If you've got one of these cars, then you must have good taste.
  • Lexus Lexus
    Can't think of a good description for this car.

Example 2) Images are pulled from a fileset and image zoom (lightbox) is activated. The overlay is also hidden.


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

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

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

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

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

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

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

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

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

Screenshots

 

Review

Review

Watch a video review of the Slider Overlay block by Steven Braun (4:03)

See answers to common questions about this add-on