nicht angemeldet
Bidergalerie und Text austauschen
Hi,
ich hoffe, mir kann jemand helfen. Folgendes Problem:
Ich habe eine kleine Bildergalerie, in der ich per swapImg die Bilder austausche. Hier der Code:
---------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>
<script type="text/javascript">
<!--
// Image-Preloader
image1 = new Image();
image1.src = "pics/pic1.jpg";
image2 = new Image();
image2.src = "pics/pic2.jpg";
image3 = new Image();
image3.src = "pics/pic1.jpg";
image4 = new Image();
image4.src = "pics/pic2.jpg";
image5 = new Image();
image5.src = "pics/pic1.jpg";
// swapImage
function swapImage(imgName,swapImg)
{
document.images[imgName].src=swapImg;
}
//-->
</script>
<style type="text/css">
<!--
ul {
margin: 10px 0 0 0;
padding: 0;
}
li {
display: inline;
margin: 0 5px 0 0;
}
a img {
border: 0;
}
-->
</style>
</head>
<body>
<div id="imageBox">
<img src="pics/pic1.jpg" alt="" name="start">
</div>
<ul>
<li><a href="#" onclick="swapImage('start','pics/pic1.jpg')"><img src="pics/pic1_thumb.jpg" alt="load pic01"></a></li>
<li><a href="#" onclick="swapImage('start','pics/pic2.jpg')"><img src="pics/pic2_thumb.jpg" alt="load pic02"></a></li>
<li><a href="#" onclick="swapImage('start','pics/pic1.jpg')"><img src="pics/pic1_thumb.jpg" alt="load pic03"></a></li>
<li><a href="#" onclick="swapImage('start','pics/pic2.jpg')"><img src="pics/pic2_thumb.jpg" alt="load pic04"></a></li>
<li><a href="#" onclick="swapImage('start','pics/pic1.jpg')"><img src="pics/pic1_thumb.jpg" alt="load pic05"></a></li>
<li><a href="#" onclick="swapImage('start','pics/pic1.jpg')">test</a></li>
</ul>
</body>
</html>
--------------------------------------------------------------------
Nun möchte ich aber, dass auf
<li><a href="#" onclick="swapImage('start','pics/pic1.jpg')">test</a></li>
Text erscheint, anstatt eines Bildes. Wie muss ich das Script anpassen, dass ich z.B. einen DIV o.ä. einblenden kann?
Wäre klasse, wenn mir jemand helfen könnte!
Danke schön, Basti