..... link image change when clicked. (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message


SilverDagger -> ..... link image change when clicked. (3/23/2005 16:37:00)

How do you use one image as a hyperlink, and then have the image change when clicked on.[8|]




bobby -> RE: ..... link image change when clicked. (3/23/2005 16:49:43)

when clicked on or when hovered over..?

You can use CSS in some cases, DHTML or Javascript in others...

try google for "javascript image swap" or "dhtml image swap" and see if you get anything close to what you're looking for.





Larry M. -> RE: ..... link image change when clicked. (3/23/2005 20:12:12)

SilverDagger,

This will swap images in FrontPage 2002/2003 when "hovered":

Insert (or highlight existing) picture (button)

Click Tools >> Customize, and check the box next to DHTML effects. This will give you the DHTML menu for your toolbar. Then ...

>>Now click your button image (keep it selected)
>>In the DHTML menu click on Choose an event, select Mouse Over
>>click on Choose an Effect, select Swap Picture
>>Choose settings, select Choose Picture (continues to move across DHTML Menu Bar)
Will show light blue background around primary image indicating swap successful.

Results can be viewed in Preview Mode.

Now you simply navigate to your rollover button image, select it, and voila!




bobby -> RE: ..... link image change when clicked. (3/23/2005 23:55:19)

If I remember correctly... those work as well as any javascript I ever compared them to.

[8|]




fraser5002 -> RE: ..... link image change when clicked. (3/27/2005 11:56:34)

just change the tag to

<img  src="fielname of first image" name="namefortheimage" align="top" width="120" height="90" onclick ="namefortheimage.src ='newpicturefilename' ">


try that
might work dont see why not
(obviousley height width etc different for your image)




SilverDagger -> RE: ..... link image change when clicked. (3/30/2005 14:37:15)

That worked great Larry. Thanks for the help!
One problem though.... How can this be achieved when the (rectangular) image has a (circle) for a hotspot? How do you apply the circular hotspot to the second image?





Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
6.201172E-02