Before you add Spry widgets to your web pages,
download and link the appropriate files.
Locate the Spry ZIP file on the Adobe® Labs website.
Download and unzip the Spry ZIP file to your hard drive.
Open the unzipped Spry folder and locate the widgets
folder. This folder contains all of the files necessary for adding
and styling Spry widgets.
Add widget files to your website by doing one of the
following:
Copy the widgets folder and paste or drag
a copy of it to the root directory of your web site. If you do this,
you will have all of the files necessary for all of the widgets
that Spry supports.
Create a folder in your website (for example, a
folder called SpryAssets), open the widgets folder,
and copy only the files or folders that pertain to the widgets you
want to add. For example, to add only an Accordion widget to your
web pages, copy the accordion folder, or the SpryAccordion.js and
SpryAccordion.css files.
Note: If you drag the original widgets folder or individual
files out of the unzipped Spry folder, the demos in the Spry folder
won’t work properly. Be sure to copy and paste to your website instead
of dragging.
When the correct widget JavaScript and CSS files are
part of your website, you are ready to link them and add Spry widgets
to your pages. For specific instructions on adding each widget to
a page, see the individual widget sections.
