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
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
Watch a video review of the Slider Overlay block by Steven Braun (4:03)
See answers to common questions about this add-on