Installing Lag Effect Magic

Extensions are installed using the Adobe (or Macromedia) Extension Manager, or PVII Extension Manager, or other third party extension manager.

Extension File Types:

Extension installer files come in 2 formats: MXP and ZXP.

• MXPs are supported by Extension Manager versions MX, MX2004, 8, CS3, CS4, CS5, CS5.5 and CS6.
• ZXP is supported by versions CS6 and all Creative Cloud version (CC).

To continue to support all Adobe customers, regardless of version, we include both the classic MXP and the new ZXP versions.

To install this product:

• Open your Extension Manager
• Click the Install icon or link
• Browse to where you unzipped the installer file

• Be sure to re-start Dreamweaver after the extension is intalled.

Dreamweaver CC Extension Installation Information

As of CC 2015, Adobe has ceased to support its own Extension Manager.

Use a third party Extension Manager for Dreamweaver CC

Download and Install Instructions

Lag Effect Magic Interface: Options & Settings

The Lag Effect Magic interface makes customizing your widget easy!

The LEM Interface

The LEM UI allows you to easily define and configure LEM instances, one at a time, and once configured, the UI can be used to modify (edit) each instance as often as you like. .

Mode

If you are creating a new LEM effect, the mode will be Create. If editing an existing effect, the mode will be Modify.

Element (Tag) to Animate

What is displayed here will correspond to the tag you selected prior to opening the UI, using either the Tag Selector Bar or the DOM Panel. If you did not make a selection, LEM will automatically select the tag immediately surrounding your insertion point.

Element Top Offset

This box permits entering a positive or negative integer. A positive integer will cause the animated element to be moved down by the entered amount. When the animation runs, the element will slide upwards, back to its normal position. A negative value will cause the opposite effect. That is, the element will be moved upward and the animation will then cause it to move down.

Note: Offset values are not rendered in Dreamweaver Design View. The LEM JavaScript sets the offset in the browser.

Trigger Effect When: Top of Element is:

In most cases, a positive integer will be appropriate, although negative values are supported. This box determines when the animation will be triggered based upon the distance between the element's top edge and the window's bottom edge. A value of zero (0) equates to the bottom edge of the browser window.

Delay Start of Effect by:

Delay the animation start by a given number of milliseconds (1000ms = 1 second). The delay will commence counting down, once the target element has met its "Trigger Effect When" criteria.

Animation

Choose between: Slide Only, Slide and Fade, or Fade Only

Duration

Set the time it takes for the animation to complete. The default 2200 is equal to 2.2 seconds and is very pleasing in most cases. Increase the value to slow the animation. Decrease the value to make the animation faster.

Starting Fade Amount

Set a value for the initial fade amount when a Fade animation is used.

Command Buttons

There are 3 buttons always present in the UI:

OK

Click OK to add your new LEM instance to your page, or to execute your edits when modifying an existing LEM instance.

Cancel

Click Cancel to terminate your UI session. Nothing will be created or modified.

Help

Click the Help button at any time to open this user guide.

If you are editing an existing LEM instance, a fourth button will appear:

Remove

Click the Remove button to remove the current LEM instance. If it is the only LEM instance on your page, the link to the LEM JavaScript file will also be removed.