Creating simple rollovers


show more Creating simple rollovers provides you with in-depth training on Web. Taught by Garrick Chow as part of the Dreamweaver CS3 Essential Training show less
please wait ...

Creating simple rollovers

So, in this movie we're going to take a look at how to create a simple rollover. A simple rollover involves two pieces of artwork. The first graphic, which is the original state, sometimes called the off state, or the out-state, meaning that the mouse is off of that image, or outside of the area of the image, and then we have the on-state, or the overstate, and that image appears when the user rolls the mouse over the image. In JavaScript terminology, this is called a "swap image", but we're not going to be writing any JavaScript from scratch because {italic}Dreamweaver{plain} makes creating a simple rollover as easy as just a few button clicks. So, we've already defined our site in the previous movie.

Let's open up the file "index.html" This is just another version of the main teacloud site we've been working with all the way up to this point. Before we actually add our image, let's go over to our Assets panel, and take a look here. The first image ...

Creating simple rollovers
Video duration: 5m 36s 10h 21m Beginner

Viewers:

Creating simple rollovers provides you with in-depth training on Web. Taught by Garrick Chow as part of the Dreamweaver CS3 Essential Training

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