ScriptyInfiniteSlider.fwaction (2013-06-29) (Downloaded 294 times)
Compatible: Pro 5, Pro 5.5, Pro 6, and Pro 7
Author: Walter Davis
Create an image slideshow that animates continuously. Use this element as a page background, or an in-page element, and use it in a responsive or flexible layout, too! The effect will degrade slightly on IE 8 and below, because the images will not resize to the size of the container.
Set your page to HTML5 output (or apply the HTML5 Page Action) if you are concerned about your page being valid.
Draw an HTML box where you want the effect to appear. Double-click inside it so you have a text cursor, and choose Insert/Graphic Item from the main menu. Import your first image. Press the right arrow key until your text cursor is flashing to the right of that image, and repeat until you have all of your images inside the box, one right after the other. The HTML box will grow to fit them, but we will fix that in a moment.
You may resize these inline images to be as large as you need, and whatever shape you need.
Click elsewhere, then click once on your HTML box. In the Inspector, set the Overflow property to Hidden. If you are using Freeway 6, be sure to set the Measurements segment to Height: Fixed and Width: Fixed (or Fixed %). Finally, set the dimensions to match your desired effect area.
To make a full-page animated background, set your HTML box to 100% width, 100% height, and Position: Fixed in Window; then use Item / Send to Back to make it into a fake background for the page.
There are two parameters – effect duration and effect interval. These are set in seconds. Test the effect and adjust the duration shorter to make the wipe effect faster. This is very sensitive to the dimensions of the element – larger elements need longer duration, or else the effect may look jumpy.