Image Expansion - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

Image Expansion

Scripte > Bildobjekte


Bildobjekte durch Klick hinzufügen/ergänzen.

JavaScript


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-Objekt:

<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>

Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2018




  Besucher Statistik
 » 10 Online
 » 83 Heute
 » 2054 Woche
 » 4771 Monat
 » 59314 Jahr
 » 305892 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü