mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 13.10.2008 19:36 Benutzername: Passwort: Auto-Login

Thema: Wie erstelle ich einen solchen Roll-Over vom 05.05.2008

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Wie erstelle ich einen solchen Roll-Over
Autor Nachricht
domdesignonline
Threadersteller

Dabei seit: 04.03.2008
Ort: Amberg
Alter: 20
Geschlecht: Männlich
Verfasst Mo 05.05.2008 15:21
Titel

Wie erstelle ich einen solchen Roll-Over

Antworten mit Zitat Zum Seitenanfang

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 Lächel Aber wenn mir jemand den Code dafür geben könnte, wär echt super.
Vielen Dank.


Zuletzt bearbeitet von domdesignonline am Mo 05.05.2008 15:22, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Snifferdog

Dabei seit: 08.03.2007
Ort: Wuppertal
Alter: 19
Geschlecht: Männlich
Verfasst Mo 05.05.2008 15:34
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*

Ansonsten:
Es ist JavaScript .. und der Code den du suchst steht im Quelltext der Seite *zwinker* ~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 *zwinker*

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
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS Mouse over
Zufälliger Mouse-Over
[Pop-Up] mit roll-over grafik?!
flash on mouse over effekt
Info-Text bei Roll-Over
[flash] buttons bei over ausfahren
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.