Spry

Prepare your files

Before you attach Spry effects to elements on your web pages, download and link the appropriate file.

  1. Download and unzip the Spry ZIP file from the Adobe Labs website to your hard drive.
  2. Open the unzipped Spry folder and locate the includes folder. This folder contains the file necessary for attaching Spry effects.
  3. Add the SpryEffects.js file to your website by doing one of the following:
    • Copy the includes folder and paste or drag a copy of it to the root directory of your web site. This gives you all of the files necessary for creating Spry effects as well as Spry XML data sets.

    • To create a folder on your website (for example, a folder called SpryAssets), open the includes folder, and copy the SpryEffects.js file to the new folder.

    Note: If you drag the original includes folder or individual files out of the unzipped Spry folder, the demos in the Spry folder won’t work properly. Copy and paste to your website instead of dragging.
  4. When the SpryEffects.js file is part of your website, you are ready to link it and add Spry effects to your pages. For specific instructions on adding a particular effect to a page, see the individual effects sections.