Hiding and showing elements


show more Hiding and showing elements provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5 Essential Training show less
please wait ...

Hiding and showing elements

One of the most common interactive page elements is the ubiquitous image rollover. Dreamweaver's Swap Image behavior allows us to create image rollovers by selecting an image and choosing which image to replace it with when that image is interacted with. While this is normally used for image-based links, the Swap Image behavior is flexible enough to allow for some pretty cool creative exploration. In this movie, we're going to create an image gallery that relies on the Swap Image behavior to change a larger image when a thumbnail is selected.

This behavior is often called a disjointed rollover, where interacting with one image causes another image on the page to change. So I have the gallery.htm file open. If I scroll down it looks like our gallery is already finished. Well the layout is finished, so the CSS is finished and the structure of the gallery is put together. However, it is currently static, meaning if that we interact with it at all, nothing really happens. So our galler...

Hiding and showing elements
Video duration: 9m 18s 15h 22m Beginner

Viewers:

Hiding and showing elements provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5 Essential Training

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...