PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Code für Mouseover gesucht?


[F'sF.]Richy
2002-11-22, 15:45:22
Wie kann ich in eine Homepage einen Befehl einbinden der beim Mouseover über dein Bild ein vergrößertes Bild anzeigt?
z.B. das erste Bild ist 100*75 groß
und das beim Mouseover dann 200*100

Und Standardmäßig soll das erste Bild geladen sein.
Kann mir da jemand helfen?

grakaman
2002-11-22, 16:21:02
<image src="bild" id="pic" onmouseover="groesser()" onmouseout="kleiner()">

<script language="javascript">
function groesser() {
document.getElementById("pic").width = 200;
document.getElementById("pic").height = 100;
}
function kleiner() {
document.getElementById("pic").width = 100;
document.getElementById("pic").height = 75;
}
</script>

allerdings wird das nicht gut aussehen, weil die proportionen einfach nicht stimmen. das wirst bloss hinbekommen, wenn du das bild serverseitig neu erstellst.

[F'sF.]Richy
2002-11-22, 17:27:18
Also die größen waren nur ein Beispiel falls du das meinst

[F'sF.]Richy
2002-11-22, 17:46:03
Und wie bind ich da nen Link ein? Der auf das Bild soll?

grakaman
2002-11-22, 18:35:55
ich versteh dich nicht ganz. der obenstehende code macht genau das, was du willst. bei nem mouseover über das bild wird das bild vergrößert und wenn du mit der mouse runterfährst werden wieder die standardwerte verwendet. oder was wolltest du wissen?

mfg

[F'sF.]Richy
2002-11-22, 18:48:02
Ja danke, passt alles!