Moin zusammen!
Ich würde gerne für meine Zeichnungen eine Galerie erstellen. Die Vorschau der einzelnen Bildern sollen grafisch mit einem Onmouseover-Effekt dargestellt werden.
Der Onmouseover-Effekt klappt auch, allerdings nur, wenn ich dafür ein Link mache, also mit Effekt usw..., bei enem zweiten Link neben dem ersten, funzt der Effkt nicht. Sollte ich dazwischen etwas Platz lassen?
Hier der Code:
HTML
<html>
<head>
<title>Artworks</title>
<meta name="author" content="Jens Bangert">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" background="bgork1.JPG" link="#FF0000" alink="#FF0000" vlink="#FF0000" style="color: #000000" style="background-image:url(bgork1.JPG); background-attachment:fixed;">>
<style type="text/css">
body, textarea {
color:#000000;
scrollbar-arrow-color:#FFFFFF;
scrollbar-3dlight-color:#1F1F1F;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#1F1F1F;
scrollbar-track-color:#0F0F0F;
scrollbar-base-color:#000000;
}
</style>
<div align="center"><h1>Artworks</h1></div>
<div align="center">Copyright by Jens bangert 2005</div>
<a href="Goblinmaler.JPG"
onMouseOver="image1.src='01-2.JPG';"
onMouseOut="image1.src='01-1.JPG';">
[img]01-1.JPG[/img]</a>
<a href="Orkkrieger.JPG"
onMouseOver="image1.src='02-2.JPG';"
onMouseOut="image1.src='02-1.JPG';">
[img]02-1.JPG[/img]</a>
</body>
</html>
</a>
</a>