How to Display Images in Spry
Spry is an Adobe Dreamweaver framework that is used to incorporate XML, JSON or HTML data into pages using HTML, CSS and a minimal amount of JavaScript. With Spry, you do not need to refresh the entire page. You can display a slideshow of images on a Dreamweaver accordion-style Spry widget. Note that you will need to install Spry on Dreamweaver to perform this task.
Other People Are Reading
Instructions
-
-
1
Install Spry on Adobe Dreamweaver, if you haven't already. See Resources for the download link.
-
2
Click the "Start" menu and launch "Adobe Dreamweaver CS4."
-
-
3
Choose the option "HTML" when you see the "Create New" pop-up menu.
-
4
Click "File" and choose "Save As." Choose "Slideshow" from the drop-down menu.
-
5
Click "Insert" and then choose "Spry." Click to select "Spry Tabbed Panels." This will display a panels widget on the screen. The widget will have two tabs, "Tab1" and "Tab2." It will also have two control panels, "Content1" and "Content2."
-
6
Click the "Content1" panel. Press "Backspace" to delete the "Content1" text. Click "Insert" from the top bar menu and choose "Image."
-
7
Browse to navigate to the location on your computer that has the images you wish to display. Note that you can either choose JPEG or GIF files in Spry. Single-click the file and hit "OK." Click "OK" when you see the "Image Tag Accessibility Attributes."
-
8
Click the "Content2" panel. Press "Backspace" to delete the "Content2" text. Click "Insert" from the top bar menu and choose "Image."
-
9
Browse to navigate to the location on your computer that has the images you wish to display. Note that you can either choose JPEG or GIF files in Spry. Single-click the file and hit "OK." Click "OK" when you see the "Image Tag Accessibility Attributes."
-
10
Click "Tab1." Press "Backspace" to delete the "Tab1" text. Type a new name for the slideshow. For example: "SlideShow1." Click "Tab2." Press "Backspace" to delete the "Tab2" text. Type a new name for this slideshow. For example: "SlideShow2."
-
11
Click "File" and choose the option that says "Preview in Browser." Choose your preferred browser to display the images.
-
1
