Learning About Sprys in Dreamweaver

This week we learned about SPRYs in my Web Design class.  A Spry is a set of CSS and JavaScript files that make building interactive applications easier.  Once nice thing is that in Dreamweaver, you don’t have to know anything about JavaScript to make things like menu bars, tabbed panels, Accordion panels and the tooltips.  Sprys are also used to validate forms and passwords.  I think this is the most exciting thing I have learned in Web Design so far.

For my project I made roll-over images. I inserted the 3 images shown below and with a few strokes of my mouse, made them where they could be viewed larger when clicked on in the web page.

 After  selecting the thumbprint of the picture I want to enlarge, I went to the Behaviors panels and select swap image.

Select Browes and find the image and click ok.

Then since I wanted the this image to only load if somebody clicks on the thumbnail , I went back to the behaviors pane and grabbed that pull down menu and chose onClick.  that is all there was to it. It is really that simple.  

Here is a screen shot of my completed page.