Making an image appear 1

[shamrox]

Is it possible to take an image, make it hidden, then appear when mousing over a text link? All this without having the image in a placed in a layer, but in a cell of a table.

http://www.thepatrickstudio.com

 

[arthurbremmer]

Will a swap image work for you?

this is just an image swap with an image map around the text. Also added a link on click to a URL.

http://home.nyc.rr.com/websitetesting/swap_image/swap.html

Cheers!

 

[shamrox]

I really need it to work with mousing over standard text, with a url link. Example. Mouse over

http://www.anysite.com

and an arrow appears next to it. Mouse off, and arrow disappears. Kinda like a swap image, but do it with text and an adjacent image.

Bill

http://www.thepatrickstudio.com

 

[wblue]

Well, You can swap an image source anywhere on the page when mousing over text, so why not use a dummy image fjor when you want the image invisible...like a gif that matches the background of the table. Like this:

http://www.members.evansville.net/wblue/test.htm#

 

[shamrox]

Yeah, that's it exactly. Thanks. I'll have to filter through the source code from that page. For such a small page, there was a lot of code there.

http://www.thepatrickstudio.com

 

[wblue]

let me know if you have any more problems-what I did there was really simple out of Dreamweaver.

 

[wblue]

also- it just occurred to me, most of that code was junk left over from something else. Let me know if you need to see it clean

 

[shamrox]

I could use a clean version. I know I would eventually filter out all the unnecessary stuff, but if it's easy for you to pull out what I need, that would be appreciated. Thanks.

http://www.thepatrickstudio.com

 

[wblue]

http://www.evansvilleblueprint.com/untitled.htm

Just 3 or 4 simple steps here. Note the exact pixle dimentions of the image you want to show on mouse over. Make a gif at those dimensions and set the fill color of the gif to the exact background color of your table. Insert your dummy image wherever you want the promted image to appear and give it a name in the properties panel;insert your text link wherever you want it. Select that link (be sure it's the a tag) and open the behaviors panel. Select the swap image behavior and select the above image from the list. In 'set sourcet' select the image you want to appear. Leave 'swap restore' checked. Set action to 'on mouse over'... and that's it.

 

[shamrox]

Thanks dude.

http://www.thepatrickstudio.com