mouseover

19.08.2004, 11:45

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!

Mashoo · 19.08.2004, 12:18

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

Das_Grauen · 19.08.2004, 12:37

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>

19.08.2004, 14:37

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>

Login




Merken Passwort vergessen?