mark4man

Using Dreamweaver MX for web construction & Photoshop 6.0 for graphics.

I've learned how to create swap image behaviors, where a 2nd image is swapped with the 1st on mouse over.

What I want to do now is assign the 1st image as a link (to another page in my site); & have the 2nd image display (swap) when the link is selected; & remain displayed ...

...in the same way that a simple text hyperlink is displayed as one color, turns a 2nd color on mouse over; & then stays that color when the link is selected (which I believe is referred to as Link & Visited Link.)

Can the same function be created with image files? Is there a Behavior or Script I have missed?

Thanks in advance,

mark4man

Please register or log-in into NamePros to hide ads

Fallout_Multi.

since ur using a program, im not sure, but do it manually and just dont have an onMouseOut

Mp)Tarh

To do this you will need to manually edit the source code of your webpage. You must support JavaScript and have some validation or be sure all your clients support JavaScript.

Here is the code, change the text in Green to whatever you want:


<SCRIPT LANGUAGE="JavaScript">
<!--
var image1;
var image2;

image1 = 1.gif;
image2 = 2.gif;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function changetheimage()
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (window.document.changemeimage.src == image1)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.document.changeme image.src = image2;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} else {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.document.changemeimage.s rc = image2;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
//-->
</SCRIPT>
<A HREF="yourpage.htm"><IMG SRC="1.gif" onMouseOver="changetheimage()" onMouseOut="changetheimage()" NAME="changemeimage"></a>



Just copy and paste that directly over the HTML and everything that you use for your hyperlink. I havn't tested this, but it is basic enough that it should work correctly.

All you have to do is change the text in green into your information (I.E. If your image was named "mine.gif" you would change "1.gif" into "mine.gif" ect.).

Happy Programming!

__________________
Yeah... I knew that. What?

mark4man

Thanks...I'll try it.

mark4man