Time Delay Popup iFrame

The popup window loads content created on another page in EverWeb or an external page or a file using an iframe.
Although the modal can be closed by clicking or tapping anywhere on the overlay, there is an optional "close" button which appears at the upper right of the modal.
There is a background overlay which can be styled for color and its opacity adjusted so that, when the modal is visible, the rest of the page content can be either blacked out, partially or fully visible.
The modal itself can by styled for background color, padding, border width, color and radius and box shadow radius and color.
The iframe can have a border with variable width and color.
The time delay from page load to when the modal opens is set in seconds. The modal has a fade in and out animation - both of which can be set separately in milliseconds. Best results are obtained by using a longer fade in of 1000 milliseconds or more and a shorter fade out time of about half that.
In this example, the time delay is set to 3 seconds, the fade in animation time is 2000 milliseconds and the fade out is set to 500 milliscends.
The overlay color is set to black with 60% opacity.
NOTE: When creating content to be displayed in an iframe, be aware that any links in that content will open in the frame too. To avoid this, the link should have a target=_"top" added like thise …

<a href="page-name.html" target="_top">Link Text</a>

This will cause the link to break out of the frame and open in a full size browser window.

EverWeb Widgets