Beim Klick auf das PLUS-Zeichen wird das nächste Bild zugefügt:
[Blockierte Grafik: http://hilfe.unofficialwsx5.de/v9screens/pics/expand-img_a.png]
[Blockierte Grafik: http://hilfe.unofficialwsx5.de/v9screens/pics/expand-img_b.png]
[Blockierte Grafik: http://hilfe.unofficialwsx5.de/v9screens/pics/expand-img_c.png]
[Blockierte Grafik: http://hilfe.unofficialwsx5.de/v9screens/pics/expand-img_d.png]
Code für das HTML-Objekt:
HTML
- <script type="text/javascript">
- function plus1() {
- document.images.dummy1.src="images/icon_collapse.png";
- document.getElementById("script1").href = "javascript:minus1();";
- document.getElementById("mehr1").style.display='inline';
- }
- function minus1() {
- document.images.dummy1.src="images/icon_expand.png";
- document.getElementById("script1").href = "javascript:plus1();";
- document.getElementById("mehr1").style.display='none';
- }
- function plus2() {
- document.images.dummy2.src="images/icon_collapse.png";
- document.getElementById("script2").href = "javascript:minus2();";
- document.getElementById("mehr2").style.display='inline';
- }
- function minus2() {
- document.images.dummy2.src="images/icon_expand.png";
- document.getElementById("script2").href = "javascript:plus2();";
- document.getElementById("mehr2").style.display='none';
- }
- function plus3() {
- document.images.dummy3.src="images/icon_collapse.png";
- document.getElementById("script3").href = "javascript:minus3();";
- document.getElementById("mehr3").style.display='inline';
- }
- function minus3() {
- document.images.dummy3.src="images/icon_expand.png";
- document.getElementById("script3").href = "javascript:plus3();";
- document.getElementById("mehr3").style.display='none';
- }
- </script>
- <img src="images/demo_img1.jpg" width='190' height='140' border='0'>
- <a href="javascript:plus1();" id="script1">
- <img src="images/icon_expand.png" name="dummy1" border=0></a>
- <span style="display: none" id=mehr1>
- <img src="images/demo_img2.jpg" width='190' height='140' border='0'>
- <a href="javascript:plus2();" id="script2">
- <img src="images/icon_expand.png" name="dummy2" border=0></a>
- </span>
- <span style="display: none" id=mehr2>
- <img src="images/demo_img3.jpg" width='190' height='140' border='0'>
- <a href="javascript:plus3();" id="script3">
- <img src="images/icon_expand.png" name="dummy3" border=0></a>
- </span>
- <span style="display: none" id=mehr3>
- <img src="images/demo_img4.jpg" width='190' height='140' border='0'>
- </span>