Mouseover Schatten über Bilder

Also ich hab auf einigen Websites nen Script geshen der Buttoms verdunkelt und beim Überfahren mit der Mouse den Schatten langsam weggeht. Falls jemand den Code kennt bitte helfen :-)
 
Ähmmm... ich meinte natürlich die Seiten auf denen Jack the Ripper den effekt gesehen hat, da ich mir leider durch seine Beschreibung kein Bild davon machen konnte... :)

ciao
 
Hallo,

also auf der Seite wurde das einfach so gemacht

PHP:
<head>

<script type="text/javascript">

function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=40
}

</script>
</head>
<body>

<img style="filter:alpha(opacity=40)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" src="somepic.jpg" border="0">

</body>

onMouseOver wird die Funktion makevisible aufgerufen. Dabei wird die variable "which" mit wert "0" übergeben. Dadurch wird die opacity auf 100 gesetzt -> sichtbar. onMouseOut wird die Funktion ebenso aufgerufen, allerdings mit "which" = 1 -> daruch wird die opacity wieder auf 40 gesetzt -> bei dunklen Hintergründen wirk das Image dann "dunkler"....

ciao
 
Danke muss ich irgendwas einstellen welche Bilder der nhemen soll oder macht der des dann automatisch?

Danke nochmal an alle

Edit: Axo hab verstanden einfach an den Bild Link hängen oder net?
 
Original geschrieben von Jack the Ripper
Danke muss ich irgendwas einstellen welche Bilder der nhemen soll oder macht der des dann automatisch?

Danke nochmal an alle

Edit: Axo hab verstanden einfach an den Bild Link hängen oder net?

also das bild besimmtst du hier: src="somepic.jpg" wobei "Somepic" jetzt ein Platzhater ist, für deine Bilder...

den Link machst du so:

PHP:
<a href="www.deinlink.de"><img style="filter:alpha(opacity=40)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" src="somepic.jpg" border="0"></a>

mehr zu links findest du hier: Selfhtml...

ciao :)
 

Neue Beiträge

Zurück