PVII Image Rotator Magic 2 Behavior - Control Actions

Overview

The system also includes control actions that can be used to create Image Rotator Magic 2 actions on links located anywhere on your page, or that can be used in by other scripts to control IRM2 actions.

Available Control Behavior Actions:

Manually Assigning IRM2 Control Actions

There are times when you may want to manually assigning a control action, either for use in external scripts or when building pages dynamically. The control action function call will look like this:

P7_IR2ctrl('p7IR2_1','play')

  1. The first argument is the ID of the IRM2 root div.
  2. The second argument is the control action you wish to apply.

The HTML markup for a typical text link with a control action applied would look like this:

<a href="#" onclick="P7_IR2ctrl('p7IR2_1','play')">Play</a>

The available Control Actions are:

 

Using the Behavior to create Control Actions

Creating a new Control Actions behavior

  1. Select (click) a text link or image to act as the behavior Control.
  2. Open your Dreamweaver Behaviors Panel (Shift + F4)
  3. Click the plus sign (+) on the Behavior Panel.
  4. Choose Studio VII > Image Rotator Magic 2 > Control Actions to open the interface.
  5. Select the widget you wish to act on.
  6. Select the action.
  7. Click OK to apply the behavior.

Modifying an existing Control Actions behavior

  1. Select the element that contains an existing Image Rotator Control behavior.
  2. Double-click the Image Rotator Magic- Control Actions behavior in the Behaviors Panel to open the interface.
  3. Select the widget you wish to act on.
  4. Select the action.
  5. Click OK to apply the revised behavior.

The Interface

The Image Rotator Magic 2 -Control Actions interface allows you to select an action to apply.

The Interface

The Interface Items

Image Rotator

The interface contains a listing of all of the Image Rotator widgets on your page. The list will display the ID of each widget. Select the Image Rotator you want to control.

Tip: If you are unsure about which widget relates to which ID, click the Cancel button and switch to Code View. In Code View, locate all IDs that begin with p7IR2. The opening DIV tag looks like this:

<div id="p7IR2_1" class="p7IR2-01 p7IR2 rounded shadow border-dark">

Action

Select the action you want to apply.

Actions List

First Image

This will display the First image.

Previous Image

This will display the image that comes before the currently displayed image.

Play

This will Start or (resume) the Auto Play Mode.

Pause

This will Stop (or pause) the running Auto Play mode.

Next Image

This will display the image that comes after the currently displayed image.

Last Image

This will display the last image.

Open Image Number...

This allows you to select the exact image to be displayed by entering the Image Number.

Image Number

This box is active only when the Open Image Number action is selected. Enter the number of the image you wish to display.

The Interface Control Buttons

OK

When you have made your selection, click the OK button to apply the behavior. By default the behavior will be applied to the onClick event of the text link or image. You can change the event by selecting the desired event in the Behaviors panel.

Cancel

Click the Cancel button to completely abort the current operation. This will close the interface and no changes will be made to your page.

Help

Click the Help button to open the associated Help File in your browser. This page can remain open for easy reference while you continue working with the Image Rotator Magic interface.

© Copyright 2014 Project Seven Development. All Rights Reserved.