Archief - JS/HTML: rollover doet het niet

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

fromalk

Legacy Member
K heb een simpel roll over systeempje op mn site:
javascript:
Code:
<!-- rollover code -->
<script language="JavaScript" type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
en dan heb ik de volgende hyperlinks:
Code:
<td class="tabmenu"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/but_home_over.gif',1)"><img name="Home" border="0" src="/images/but_home.gif" alt="Ga naar de startpagina!" /></a></td>
    <td class="tabmenu"><a href="onzeschool.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Onze school','','images/but_os_over.gif',1)"><img name="Home" border="0" src="/images/but_os.gif" alt="Alles over onze school!" /></a></td>
	<td class="tabmenu"><a href="activiteiten.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Activiteiten','','images/but_ac_over.gif',1)"><img name="Home" border="0" src="/images/but_ac.gif" alt="Ga naar de startpagina!" /></a></td>
    <td class="tabmenu"><a href="kleuterschool.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Kleuterschool','','images/but_ks_over.gif',1)"><img name="Home" border="0" src="/images/but_ks.gif" alt="Ga naar de startpagina!" /></a></td>

Zier iemand wat er mis is daar ik momenteel enkel de standaard images zie... :doh:

servi

Legacy Member
ja zoveel code voor zoiets simpel !

function afbeelding_over(naamafbeelding) {
document.naamafbeelding.src = naamafbeelding + "_over.gif";
}

function afbeelding_uit(naamafbeelding) {
document.naamafbeelding.src = naamafbeelding + "_uit.gif";
}


en dan je afbeelding :

<a href="#" onmouseover="afbeelding_over('link1')" onmouseout="afbeelding_uit('link1')"><img src="link1_uit.gif" id="link1" border="0" /></a>

dan heb je dus volgende afbeeldingen nodig :

link1_over.gif
link1_uit.gif

de naam van die afbeelding kan je natuurlijk naar wens aanpassen.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan