• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilder farbig bei Mouseover

Status
Für weitere Antworten geschlossen.
D

Doktor

Neues Mitglied
So ich hab mal eine Frage zu einer Homepage: FuSiøN.eSpørts | Multigaming since 2005

Die Mouseover Bilder (in der Mitte, mit den einzelnen Spieln drauf) sind normalerweise in einem Blauton. Wenn man drüber fährt werden sie farbig.
Jetzt meine Frage: Wie wurde das gemacht? Gibt es einen HTML Code der die Bilder solange man nicht drüber fährt einfärbt bzw Schwarz/Weiß macht?
Oder sind das einfach für jedes bild 2 Bilder, die dann einfach per mouseover gewechselt werden?? Also 1. Bild: Blauton 2. gleiches Bild nur farbig?
 
das wurde per javascript gemacht, ginge auch begrenzt einfacher mit css, auf jeden fall nicht mit html, von daher bist du in dieser rubrik falsch.
 
Oh sry flasche Rubrik. Hätte ich mir auch denken können, das es javascript ist. Aber trotzdem nur noch eine Frage (will keinen eigenen Tread aufmachen):
Sind das jetzt 2 Bilder pro "Bild" (also 1. farbig eins schwarz/weis) oder
ists nur ein bild, dass durch einen Code schwarz/weis gemacht ist (dadurch könnte man ja die Ladezeit verkürzen, da es nur noch 1 Bild wäre)
 
Also h ier ist mal ein js beispiel,
Code: 
<script 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.01
  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 && d.getElementById) x=d.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>
<body onLoad="MM_preloadImages('2')"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','2',1)"><img name="Image1" border="0" src="1"></a>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben