digiTALE
Lt. Junior Grade
- Registriert
- Juli 2004
- Beiträge
- 270
Seid gegrüßt :-)
Ich bastle gerade an einer Galerie und unter dem Hauptbild werden kleine Vorschaubilder geladen, wenn man über diese mit der Maus rüberfährt, wird es als Hauptbild mittels Javascript dargestellt. Meistens sind es große Bilder die um die 140kb groß sind und es braucht manchmal eine weile bis diese in dem Hauptfenster angezeigt werden.
Nun wollte ich in dieser Ladezeit zwischenzeitlich ein Indicator erscheinen lassen, aber wie stelle ich sowas an? Meine Javascriptkenntnisse reichen noch nicht aus, im soetwas zu bewerkstelligen *lol.
So sieht mein bisheriger QuellCode aus:
Mfg digiTALE
Ich bastle gerade an einer Galerie und unter dem Hauptbild werden kleine Vorschaubilder geladen, wenn man über diese mit der Maus rüberfährt, wird es als Hauptbild mittels Javascript dargestellt. Meistens sind es große Bilder die um die 140kb groß sind und es braucht manchmal eine weile bis diese in dem Hauptfenster angezeigt werden.
Nun wollte ich in dieser Ladezeit zwischenzeitlich ein Indicator erscheinen lassen, aber wie stelle ich sowas an? Meine Javascriptkenntnisse reichen noch nicht aus, im soetwas zu bewerkstelligen *lol.
So sieht mein bisheriger QuellCode aus:
Code:
<html>
<head>
<title></title>
<script type="application/javascript" language="javascript">
<!--
function showIMG(image, content)
{
document.img.src=image;
document.getElementById('imgname').innerHTML=content;
}
-->
</script>
</head>
<body>
<div id="image">
<img src="/image/bild_1.jpg" width="640" height="480" name="img" alt="" /><h3 id="imgname">Erläuterung</h3>
</div>
<div id="thumbnails">
<a href="#"><img src="/image/inaktiv/bild1.png" width="50" height="50" onMouseOver="showIMG('/image/bild1.jpg', 'Erläuterung')" alt="" /></a>
<a href="#"><img src="/image/inaktiv/bild2.png" width="50" height="50" onMouseOver="showIMG('/image/bild2.jpg', 'Erläuterung')" alt="" /></a>
<a href="#"><img src="/image/inaktiv/bild3.png" width="50" height="50" onMouseOver="showIMG('/image/bild3.jpg', 'Erläuterung')" alt="" /></a>
<a href="#"><img src="/image/inaktiv/bild4.png" width="50" height="50" onMouseOver="showIMG('/image/bild4.jpg', 'Erläuterung')" alt="" /></a>
</div>
</body>
</html>Mfg digiTALE
