Hauptmenü
Images auf den Server in das Verzeichnis "images" kopieren.
Example:
demo_img1.jpg
demo_img2.jpg
demo_img2.jpg
demo_img2.jpg
icon_collapse.png (Rechtsklick "Grafik speichern unter...)
icon_expand.png (Rechtsklick "Grafik speichern unter...)
Demo:
Code für das 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>