Fade Out Image On Scroll

Fade Out Image On Scroll
Centered Image Caption
Image Hyperlink New Window
Fade Image On Scroll Widget

Style & Hyperlink Options.

The image is inserted in an HTML5 figure element with a figcaption and alt text for superior SEO.
The caption is centered and can be placed at the top or bottom with appropriate spacing.
The image can be created as a hyperlink to an internal or external page or file with the option to open in a new window.
The container can be styled by adding a border and/or a box shadow.
The scroll amount before fade is adjustable.

Fade out text Widget

Widget Settings

Choose the image and adjust its size using the drag handles or the Metrics inspector.
NOTE: This widget is NOT intended for full width use.
Enter alt text and a caption. The caption can extend to two or more lines using the HTML5 line break <br> for returns.
If the caption iis not required, leave the field blank and set the caption background opacity to zero.
Check the box if the image is to be a hyperlink and choose the "Link to:" page.
For an external link, check the box and enter the URL to the page or file.
Check the box if either type of link is required to open in a new window.
Choose the caption font and set its size and color.
Set the caption background color and its opacity.
Set the text align and adjust the line height if the caption extends to more than one line.
Select the caption position and set its distance from the top or bottom as required.
Add a border and/or box shadow if required.
Set the scroll distance required before the image fades.

This widget is included in the Full Width widget pack.

EverWeb Widgets | Full Width