Hey guys, I’m trying to toggle several image displays, and it’s just not working. The basic premise is hovering over the logo of a company and then have the banner of the company display above the logos. I have a blank banner for when nothing is hovered, but it’s just not working. Could you guys tell me what I’m doing wrong? Thanks in advance!
[CODE]<div id=”banner_blank” style=”display: block;”><img src=”images/sponsors_blank.jpg” /></div>
<div id=”banner_herrs” style=”display: none;”><img src=”images/sponsors_herrs.jpg”></div>
<div id=”banner_lufthansa” style=”display: none;”><img src=”images/sponsors_lufthansa.jpg” /></div>
<div id=”banner_kaplan” style=”display: none;”><img src=”images/sponsors_kaplan.jpg” /></div>
<br />
<script type=”text/javascript”>
function toggle(var sponsor) {
switch(sponsor) {
case “Blank”:
if(document.getElementById(‘banner_blank’).style.display = ‘none’){ document.getElementById(‘banner_blank’).style.display = ‘block’; }else{ document.getElementById(‘banner_blank’).style.display = ‘none’; }
case “Herrs”:
if(document.getElementById(‘banner_herrs’).style.display = ‘none’){ document.getElementById(‘banner_herrs’).style.display = ‘block’; }else{ document.getElementById(‘banner_herrs’).style.display = ‘none’; }
case “Lufthansa”:
if(document.getElementById(‘banner_lufthansa’).style.display = ‘none’){ document.getElementById(‘banner_lufthansa’).style.display = ‘block’; }else{ document.getElementById(‘banner_lufthansa’).style.display = ‘none’; }
case “Kaplan”:
if(document.getElementById(‘banner_kaplan’).style.display = ‘none’){ document.getElementById(‘banner_kaplan’).style.display = ‘block’; }else{ document.getElementById(‘banner_kaplan’).style.display = ‘none’; }
}
}
</script>
<a href=”javascript:;” onmousedown=”toggle(‘Herrs’);”><img src=”images/sponsors/logo_herrs.jpg” /></a>
<a href=”javascript:;” onmousedown=”toggle(‘Lufthansa’);”><img src=”images/sponsors/logo_lufthansa.jpg” /></a>
<a href=”javascript:;” onmousedown=”toggle(‘Kaplan’);”><img src=”images/sponsors/logo_kaplan.jpg” /></a>
</center>