dk01 — Wed, 15 Jan 2003 07:29:42 +0000

You could tweak it for NS4.7 using 'layers' instead of 'all' and by dropping off the 'style' on the end. Also you would have to use 'show' and 'hide' instead of 'visible' and 'hidden'.

I have written a tutorial on this issue. It is cross-browser also:
http://66.246.52.6/laboratory/javascript/hideshow/
(sorry for the ip but my dns's are completely totalled)

-dk

Suzanne — Wed, 15 Jan 2003 02:44:15 +0000

fyi, it's DOM support that's lacking -- Netscape invented JavaScript.

SW Reynolds — Wed, 15 Jan 2003 00:22:44 +0000

This is a nice script necrotic but unfortunately it does not work in Netscape 4.7 -- the image shows when the page loads, so there is no mouseover effect (it does work fine in NN 7.0 however).

Is there any way to tweak it so it will work in 4.7, or is that impossible due to the nature of 4.7's js support (or lack thereof)?

jag5311 — Sat, 11 Jan 2003 03:14:19 +0000

Thanks for the help. Yea, that javascript example was just like what I was talking about.

Thanks
Bryan

Suzanne — Sat, 11 Jan 2003 00:44:24 +0000

You can also make it a background in CSS and reserve space for it -- tantek.com/log/ does this for his flags, but for some reason they don't show in N7.

CSS is a superior option because it keeps the scripting out of the content, and allows the content to remain pure.

necrotic — Fri, 10 Jan 2003 23:15:55 +0000

You could do an OnMouseOver with the link and use JS to change the visible atribute to 'visible' and onMouseOut to make it 'hidden'. I do something like that on my new design, except you only need to hover over the image which is already shown.

EXAMPLE:

<img src='image.jpg' stlye='visibility: hidden' id='imageid'>
<a href='link.com' OnMouseOver='document.all.imageid.style.visibility="visible"' OnMouseOut='document.all.imageid.style.visibility="hidden"'>Link</a>

Renegade — Sun, 05 Jan 2003 23:27:33 +0000

I have too much time on my hands so here is a direct link:

http://www.javascriptkit.com/script/script2/arrowimage.shtml

Was that what you wanted? :S
Oh BTW it wasn't under the links section it was the images section

Renegade — Sun, 05 Jan 2003 23:09:03 +0000

check out http://www.javascriptkit.com and look in the free javascripts section and it's under the link effects section there that's if you understood that if not jsut ask and i'll give you a direct link

Suzanne — Sun, 05 Jan 2003 18:45:22 +0000

you can also use CSS and list-item declarations for this, using the psuedo-element :hover on the li element, but again, not in IE.

Suzanne — Sun, 05 Jan 2003 18:41:23 +0000

Which browsers? (it makes a difference).

CSS3 properties are supported in Mozilla (and N7) so you can use some psuedo elements that allow for having images pop up.

Such as -- http://secrets.synapticimpulse.com if you view in N7 or Mozilla (or Chimera? Not sure) you can see images that are not available in IE. I don't think I have any that work with :hover, but there's no reason why not.