Foos
Threadersteller
Dabei seit: 04.03.2008
Ort: Irgendwo
Alter: 36
Geschlecht:
|
Verfasst Mo 05.05.2008 15:21
Titel Wie erstelle ich einen solchen Roll-Over |
|
|
Hallo
auf dieser Seite. designlabor sieht man rechts diese Bildergalerie.
Mich interessiert, wie ich diesen Effekt hinbekomme, dass die mit der Maus überfahrenen Bilder so schimmern?
Dass das Java ist, weiß ich bereits Aber wenn mir jemand den Code dafür geben könnte, wär echt super.
Vielen Dank.
Zuletzt bearbeitet von Foos am Mo 05.05.2008 15:22, insgesamt 2-mal bearbeitet
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
Verfasst Mo 05.05.2008 15:34
Titel
|
|
|
Eigentlich sollte ich jetzt erstmal ne Belehrung halten von wegen Java und JavaScript bla bla ...
wenn du den unterschied zwischen Java und JavaScript wissen möchtest google einfach mal
Ansonsten:
Es ist JavaScript .. und der Code den du suchst steht im Quelltext der Seite ~kopier~
Code: |
<script language="JavaScript" type="text/JavaScript">
<!--
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_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_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];}
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
Fürs Bild
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Designlabor Shop','','gfx/site/site_on_27.gif',1)">
<img src="gfx/site/site_27.gif" alt="Designlabor Shop" name="Designlabor Shop" width="139" height="45" border="0"
onClick="MM_openBrWindow('http://www.designlabor.bigcartel.com','','toolbar=yes,location=yes,
status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=800')" >
</a>
|
Jetzt kannst du das Zeugs raushauen was du nicht brauchst und den Code so umbasteln dass er das macht was du genau möchtest
Edit: Ups vergessen ... du brauchst dann für jede Version des Bildes eine etwas hellere und eine dunklere Version ...
Gruß
Zuletzt bearbeitet von Snifferdog am Mo 05.05.2008 15:37, insgesamt 1-mal bearbeitet
|
|