From the course: Productivity Tips for Web Designers

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Hiding and showing elements to create a simple image gallery

Hiding and showing elements to create a simple image gallery

From the course: Productivity Tips for Web Designers

Start my 1-month free trial

Hiding and showing elements to create a simple image gallery

- Hello friends, this is Sue Jenkins with Productivity Tips for Web Designers. In this week's lesson, I'll be showing you how to use Dreamweaver's Show-Hide Elements behavior to create a simple gallery of images from a set of stacked div containers. In Dreamweaver, hiding and showing layers refers to adjusting the visibility of a layer in the browser window using JavaScript. For instance, you can have a layer's visibility set to hidden when the page first loads in the browser. Then, with the magic of JavaScript, you can make the layer visible when a visitor performs some action, such as clicking on a text link or an image. Hiding and showing layers can be really useful for a variety of reasons, including creating image galleries or showing tooltips, even revealing product details. Truly, you can use this interactive technique for any content, as a way to enhance your site visitor's experience. Let's take a look at the starting page code. In this demonstration, I'll be showing you how…

Contents