Dreamweaver's Swap Image behaviour is a simple, yet effective, way to provide interaction on your web page. In this tutorial we will be exploring this behaviour. We'll see how to correctly slice and export the images from Fireworks before implementing the Swap Image behavior in Dreamweaver. You will understand how the interaction between your images is triggered and see how to set alternative interaction events. Finally we'll implement a little CSS to remove the default borders that are applied to this type image swap....

Related Articles

• A Beginner's Guide to Dreamweaver Templates - Part 4: Repeat Regions
• A Beginner's Guide to Dreamweaver Templates - Part 5: Nested Templates
• A Beginner's Guide to Dreamweaver Templates - Part 2: Editable Attributes
• The CSS Starter Page Series Part 5: Shadows and Rounded Corner Background Images
• The Demise of Dreamweaver Has Been Greatly Exaggerated
• A Beginner's Guide to Dreamweaver Templates - Part 3: Optional Regions
• The Spry Validation Confirm Control
• CMX JumpStart: Lima
• Introducing CMX JumpStart Lima
• A Beginner's Guide to Dreamweaver Templates - Part 1: Creating the Template

• Making Your Own FAQ - Part 1
• The CSS Starter Page Series Part 4: Rounded Corner Background Images
• Losing that Rollover Lag
• Preparing for the Adobe Certified Associates Exam for Web Design: Part 1
• Preparing for the Adobe Certified Associates Exam for Web Design: Part 2
• The CSS Starter Page Series Part 3: Three Column Fluid Background Images
• CMX JumpStart: The New Forest
• From Screen to Print: Creating a Print CSS in Dreamweaver
• Dreamweaver's Form Validation Behavior
• Introducing CMX JumpStart: The New Forest