December 6th, 2004, 02:33 PM
|
|
Contributing User
|
|
Join Date: Apr 2007
Location: Dallas, Tx. USA
Posts: 2,008
Time spent in forums: 11 h 7 m 51 sec
Reputation Power: 4
|
|
|
RE: triggering show hide layers by ID
This javascript defines all of your images, and preloads them (being a big image, you dont want to pull it down on mouseover.....then, the functions at the bottom are called from your <a href> tag...
Code:
<script language="javascript"><!--
if (document.images) {
var imagea = new Image()
imagea.src = "images/imagea.gif"
var imagen = new Image()
imagen.src = "images/imageb.gif"
}
function active(imgName) {
if (document.images)
document[imgName].src = eval(imgName + 'a.src');
}
function inactive(imgName) {
if (document.images)
document[imgName].src = eval(imgName + 'n.src');
}
// -->
</script>
to switch the image, call it like this inside of your small one.....
Code:
<a href=# onMouseover="active('image');" onMouseout="inactive('image');"><img src="images/images.gif" name="images" border=0></a>
Your big image would be toggled as imagea.gif in the code. You can pretty much get it to do what you want by messing with it a little.
|
Codewalkers Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
