Mouse over image

Ik zie bij heel veel websites een button met een mouse over status. Nu ben ik begonnen met het maken van een site in HTML. Ik zou graag willen weten hoe je 2 plaatjes laat werken als een button. Zoals je ze ook op de voorpagina van bijv. macosx.nl ziet. Weet iemand waar ik een tutorial kan vinden of voorbeeld?

Thx :slight_smile:

CSS is the answer hè :D Check [url=http://forum.macosx.nl/viewtopic.php?t=15530]deze[/url] topic!

javascript: [code:1:0259a58593] function wissel() { var i,j=0,x,WA=wissel.arguments; document.B_sr=new Array; for(i=0;i<(WA.length-2);i+=3) if ((x=findobject(WA[i]))!=null){document.B_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=WA[i+2];} } function findobject(n, dis) { var p,i,x; if(!dis) dis=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { dis=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=dis[n])&&dis.all) x=dis.all[n]; for (i=0;!x&&i<dis.forms.length;i++) x=dis.forms[i][n]; for(i=0;!x&&dis.layers&&i<dis.layers.length;i++) x=B_findObj(n,dis.layers[i].document); if(!x && dis.getElementById) x=dis.getElementById(n); return x; } function switchback() { var i,x,a=document.B_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; [/code:1:0259a58593]

link:

[code:1:0259a58593]
<a href=“page.html” onMouseOver=“wissel(‘name’,’’,‘place’,1)” onMouseOut=“switchback()”><img src=“button” name=“name” width=“w” height=“h” border=“0”></a>[/code:1:0259a58593]

ik weet niet wat voor een programma je gebruikt maar I Freeway is het heel simpel en dat is een action die heet Rollover en hier staan allerlei tutorials http://www.softpress.com/kb/index.php?page=index_v1&c=28

Bruno, Ik zie bij jou voorbeeld zoveel javasript code staan waarom is dat? Ik gebruik als er maar een paar plaatjes gerolled moeten worden het volgende scriptje.[code:1:9e664c746d]<a href="#" onmouseover="naam1.src='over.gif'" onmouseout="naam1.src='out.gif'"><img src="out.gif" alt="" width="xx" height="xx" id="naam1"></a>[/code:1:9e664c746d]is meeer beter?

[b:7e4cb3743b]Less is more[/b:7e4cb3743b] Ik geef je helemaal gelijk...

ik was niet op mijn gelijk uit 8) Ik vraag me vaak af of ik gewoon nog iets mis in de code zodat hij het niet doet in een of andere browser. dus zoiets less = ok maar more = beter

Dat zou ik niet weten, Javascript werkt in iedergeval. En om even met de neus op de feiten te worden gedrukt [quote:984edc3cfd="Jesper"]Nu ben ik begonnen met het maken van een site in HTML. Ik zou graag willen weten hoe je 2 plaatjes laat werken als een button.[/quote:984edc3cfd] Hij vroeg om HTML :wink:

heeft dit alles je een beetje geholpen Jesper?

Op mijn site zijn de linkse knoppen ook rollovers, in alle programma's die ik ken werken die, alleen in iCab niet?

Is dit het programma zelf?

Ja, het is gelukt. Alleen de plaatjes worden niet gepreloaded. Als ik dus nu over een button ga, dan verwdijnt de mouse over image effe.

Daarom dus javascript:)

anders alvast onder in document neerzetten op 1x1px

ok een javascriptje dan :) [code:1:f44bd586cd]<SCRIPT LANGUAGE = JAVASCRIPT> if (document.images) { img1 = new Image(); img2 = new Image(); img1.src = "imageName1.gif"; img2.src = "imageName2.gif" } </SCRIPT>[/code:1:f44bd586cd] om te preloaden.