net-board.net Archiv

Normale Version: mouseover
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.

trefixxx

beispiel ist dieses bild

Code:
<img src="p56.jpg">

wenn der user mit der maus darüber fährt, soll das bild eine andere farbe bekommen oder heller werden. Das ist egal.

Wie bekomme ich das hin? danle für hilfreiche antworten!
entweder mit nem CSS Filter oder mit Javascript
also n original Mousover effekt..
da müsstest du dann für das bild noch ein zweites bild machen, dass dann eben ne andere farbe hat oder heller is
ganz einfach:
Code:
<html>
<head>
<title></title>
<meta name="author" content="Marius">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<script language="JavaScript">
<!--
bild1=new Image
bild1.src="bild1.jpg"
bild2=new Image
bild2.src="bild2.jpg"
//-->
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<a href="seite2.htm" onMouseOver="document.Bild.src=bild2.src" onMouseOut="document.Bild.src=bild1.src">
<img name="Bild" src="bild1"></a>
</body>
</html>

trefixxx

danke, hab die antwort jetzt aber selber bekommen.

falls ihr euch dafür interessiert!
Code:
<table>
<tr>
<td align="center" valign="bottom"><a href="javascript:void(0)" onclick="window.open('p56gross.jpg', 'Bild', 'width=600, height=450');"><img src="p56.jpg" border="0" style="FILTER: alpha(opacity=70); moz-opacity: 20%" onmouseover="this.filters.alpha.opacity='80'" onmouseout="this.filters.alpha.opacity='70'" style="border: 1px solid #000000;"></a></td>
</tr>
</table>