PVII Image Rotator Magic 2

Add Image

Click the Add button to add a new image. A new line will be created with the default text "New Image". The new line will be created immediately after the currently selected line. Click the Image Path Browse button to assign an actual image.

Delete Image

Click the Delete button to remove the selected image.

Note: The interface requires at least one image to be in the list at all times. The system will not allow you to delete an item if it is the only remaining one.

Move Up

The Up button will move the selected line in the Images list up one row. Successive clicks will keep moving the line up, one row per click, until the line is at the top of the list.

Move Down

The Down button will move the selected line in the Images list down one row. Successive clicks will keep moving the line down, one row per click, until the line is at the bottom of the list.

Import Images

Use the Import system if you have more than a few images to add. The Import system will allow you to quickly select and add multiple images from any folder. See the Import Images Help Document for complete details on using the Import system. The imported image(s) will be inserted immediately after the currently selected image in the Image list.

Link Title

This box allows you to add a title attribute to the Image Link, which will display as a small pop up near the cursor when the user mouses over the image. Enter a short description in plain text.

Target

You can enter a target attribute for the image link if you want to open the linked page in a new tab or browser window, or you would like to target a specific <iframe> or frames-based page.

Desc Position

The Description will be displayed in an overlay box on top of the image, or below the image. Position the optional Description on your screen, in one of five locations:

• Top Left
• Top Right
• Bottom Left
• Bottom Right
• Below Image

All

Click the All button next to the Description to apply the currently selected Description Position to ALL of the images in the list.

Desc Transition

Choose from four options to set an animation mode for your image Description:

• None
• Slide from Left
• Slide from Right
• Pivot

Start with Image...

Choose which image to begin with. The images will sequence from there in subsequent order. In most cases, the default value of 1 is appropriate.

Random

Select this option if you wish to have the system select your images in random order. Each time the page loads into the browser a random image order will be used.

Auto Play on Startup

Check this box if you want to have the Rotator automatically start playing when the Image Rotator first opens.

Max Height

Enter a value (in pixels) to have the IRM2 system limit the height of the image presentation. This options allows you to display mixed-orientation images, or small images that would not look good scaled up to container width.

Pause on Mouse Over

Select the Pause on Mouse Over option if you want the Rotator to pause when the user's mouse is over the image. The Rotator will automatically resume once the mouse is moved away from the image.

Pause on Control Action

With this box checked (the default) any click on the controls buttons will shift the Rotator into Pause mode. The Rotator will not resume until the Play button is clicked.

Theme

Choose the appropriate control color theme: Light or Dark.

Toolbar Position

Choose how you would like the Toolbar displayed:

• Above Image
• Below Image

Prev/Next

Display previous and next icons on the toolbar.

Pause/Play

Display pause and play icons on the toolbar.

Paginator Position

Choose how you would like the Paginator displayed:

• Above Image
• Below Image

Pause/Play

Display a Pause/Play icon in the Paginator bar.

Type:

Select the Paginator icon type: Circle or Square

Show Large Prev/Next Arrows

Enable this option to display large arrows that appear to the left and right of your image.

Icons

Choose the appropriate color theme for your Previous/Next arrows: Light or Dark.

Display Time

This controls the amount of time each image is displayed during the rotation, in seconds. The default is 8 seconds.

Initial Display Time

This controls the amount of time the first image is displayed. During page load it is often desirable to allow the first image to be displayed slightly longer than the other images to give the rest of the page assets a chance to load. The default is 12 seconds.

Play Continually

This option allows the Rotator to play through the images indefinitely. It will not stop unless the user clicks the pause button.

Number of Cycles

Enter the number of times you wish Rotator to play through all of the images.

End Cycle On

This allows you to choose the ending image for the Rotator cycle. When the Rotator has completed the assigned number of rotations it will stop on:

• Last Image -The Rotator will stop at the last image in the Image list.
• First Image - When the Rotator reaches the last image it will loop back and stop at the first image in the Image list.

Set the animation for your image slides. Choose from:

• None
• Fade
• Slide Horizontal
• Slide Vertical
• Soft Slide with Fade
• Fold
• Zoom

Duration

Set the animation duration for your image animation. The default 800ms (8/10ths of a second) works well across a wide range of devices. To speed up the animation, enter a lower number. To slow down the animation, enter a higher number.