Can someone help me with explaining in detail how this effect is done with dreamweaver on this site
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Mouse Rollover 1
- Thread starter hcubed
- Start date
in behaviors you use the swap image command
ie the text on the left each have an instance name of say 1-5 and the image on the right call it main
you would go to behaviors>swap image while you have the first line of text selected...you would chose main and then choose the new image to replace it with..click ok and make sure it says in behaviors that it is for onmouseover
![[afro]](/data/assets/smilies/afro.gif "[afro] [afro]")
sometimes i just cant take it...then i realize its already to late
ie the text on the left each have an instance name of say 1-5 and the image on the right call it main
you would go to behaviors>swap image while you have the first line of text selected...you would chose main and then choose the new image to replace it with..click ok and make sure it says in behaviors that it is for onmouseover
sometimes i just cant take it...then i realize its already to late- Thread starter
- #3
I'm pretty new at all of this so if you feel like helping me that would be great if not I understand-
1
- #4
To use the Swap Image action:
1 Choose Insert > Image or click the Image button on the Object palette to insert an image.
2 In the Property inspector, enter a name for the image in the leftmost text field.
The Swap Image action still works if you do not name your images; it names unnamed images automatically when you attach the behavior to an object. However, it is easier to distinguish images in the Swap Image dialog box if all of the images are named beforehand.
3 Repeat steps 1 and 2 to insert additional images.
4 Select an object (generally the image you're going to swap) and open the Behavior inspector.
5 Click the plus (+) button and choose Swap Image from the Actionspop-up menu.
6 From the Images list, select the image whose source you want to change.
7 Click Browse to select the new image file, or enter the path and file name of the new image in the Set Source To field.
8 Repeat steps 6 and 7 for any additional images you want to change.
9 Select the Preload Images option to load the new images into the browser's cache when the page is loaded.
This prevents delays caused by downloading when it is time for the images to appear.
10 Click OK.
11 Check that the default event is the one you want.
If it isn't, choose another event from the pop-up menu. If the events you want are not listed, change the target browser in the Events For pop-up menu.
The secret of life is honesty and fair dealing. If you can fake that, you've got it made.
Groucho Marx (1895-1977)
1 Choose Insert > Image or click the Image button on the Object palette to insert an image.
2 In the Property inspector, enter a name for the image in the leftmost text field.
The Swap Image action still works if you do not name your images; it names unnamed images automatically when you attach the behavior to an object. However, it is easier to distinguish images in the Swap Image dialog box if all of the images are named beforehand.
3 Repeat steps 1 and 2 to insert additional images.
4 Select an object (generally the image you're going to swap) and open the Behavior inspector.
5 Click the plus (+) button and choose Swap Image from the Actionspop-up menu.
6 From the Images list, select the image whose source you want to change.
7 Click Browse to select the new image file, or enter the path and file name of the new image in the Set Source To field.
8 Repeat steps 6 and 7 for any additional images you want to change.
9 Select the Preload Images option to load the new images into the browser's cache when the page is loaded.
This prevents delays caused by downloading when it is time for the images to appear.
10 Click OK.
11 Check that the default event is the one you want.
If it isn't, choose another event from the pop-up menu. If the events you want are not listed, change the target browser in the Events For pop-up menu.
The secret of life is honesty and fair dealing. If you can fake that, you've got it made.
Groucho Marx (1895-1977)
- Thread starter
- #5
thanks for your help guys, but I don't know how to link the text to the picture? and to align everything exactly how it is on this site can you help me a little bit more
I would have a table, 2 columns & as many rows as you have links. Merge all of the rows in the righthand column into one cell and put a small, 5px by 5px, transparent image in to this cell. Then put all your links into the cells in the left hand column.
Highlight the first link and follow the steps above from stage 4 (the object highlighted is your link).
Make sure you have a onMouseOut restore image behaviour, back to the transparent image, as well as the OnMouseover Swap Image.
Now just repeat the above for each of your links.
Cheech. The secret of life is honesty and fair dealing. If you can fake that, you've got it made.
Groucho Marx (1895-1977)
Highlight the first link and follow the steps above from stage 4 (the object highlighted is your link).
Make sure you have a onMouseOut restore image behaviour, back to the transparent image, as well as the OnMouseover Swap Image.
Now just repeat the above for each of your links.
Cheech. The secret of life is honesty and fair dealing. If you can fake that, you've got it made.
Groucho Marx (1895-1977)
- Status
Similar threads
