Image Expansion - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

Image Expansion

Scripte > Bildobjekte
Bildobjekte durch Klick hinzufügen/ergänzen
Hier expandieren die Bilder. Eb Bild wird auf der Homepage dargestellt und durch einen Klick auf das Plus-Icon fügt sich ein weiteres dazu.
So kann man sehr gut einen Arbeitsablauf oder eine Bildanweisung darstellen.
Die Darstellung auf der Homepage wird mit diesem Einträgen festgelegt: height='140' width='190'
Werden die Abmessungen verändert, müssen auch die anderen Angaben im Script entsprechend angepasst werden.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren. HTML-Code in den in den BODY-Bereich <body>...</body> der ausführenden Seite an gewünschter Stelle einfügen und Bilder gemäß Vorlage einfach nur austauschen.
Download Button
x runter geladen!
Atmosphere Icon Expand
Code für den <BODY> Bereich
<script type="text/javascript">
function plus1() {
document.images.Obj62_1.src="wsX5Obj/Obj62_0/icon_collapse.png";
document.getElementById("scriptObj62_1").href = "javascript:minus1();";
document.getElementById("mehr1").style.display='inline';
}
function minus1() {
document.images.Obj62_1.src="wsX5Obj/Obj62_0/icon_expand.png";
document.getElementById("scriptObj62_1").href = "javascript:plus1();";
document.getElementById("mehr1").style.display='none';
}
function plus2() {
document.images.Obj62_2.src="wsX5Obj/Obj62_0/icon_collapse.png";
document.getElementById("scriptObj62_2").href = "javascript:minus2();";
document.getElementById("mehr2").style.display='inline';
}
function minus2() {
document.images.Obj62_2.src="wsX5Obj/Obj62_0/icon_expand.png";
document.getElementById("scriptObj62_2").href = "javascript:plus2();";
document.getElementById("mehr2").style.display='none';
}
function plus3() {
document.images.Obj62_3.src="wsX5Obj/Obj62_0/icon_collapse.png";
document.getElementById("scriptObj62_3").href = "javascript:minus3();";
document.getElementById("mehr3").style.display='inline';
}
function minus3() {
document.images.Obj62_3.src="wsX5Obj/Obj62_0/icon_expand.png";
document.getElementById("scriptObj62_3").href = "javascript:plus3();";
document.getElementById("mehr3").style.display='none';
}
</script>

<img alt="Atmosphere" src="wsX5Obj/Obj62_0/img_1.jpg" width='185' height='140' border='0'>
<a href="javascript:plus1();" id="scriptObj62_1">
<img alt="Icon Expand" src="wsX5Obj/Obj62_0/icon_expand.png" name="Obj62_1" border=0></a>
<span style="display: none" id=mehr1>
<img alt="Galaxy" src="wsX5Obj/Obj62_0/img_2.jpg" width='185' height='140' border='0'>
<a href="javascript:plus2();" id="scriptObj62_2">
<img alt="Icon Expand" src="wsX5Obj/Obj62_0/icon_expand.png" name="Obj62_2" border=0></a>
</span>
<span style="display: none" id=mehr2>
<img alt="Sky" src="wsX5Obj/Obj62_0/img_3.jpg" width='185' height='140' border='0'>
<a href="javascript:plus3();" id="scriptObj62_3">
<img alt="Icon Expand" src="wsX5Obj/Obj62_0/icon_expand.png" name="Obj62_3" border=0></a>
</span>
<span style="display: none" id=mehr3>
<img alt="Satellite" src="wsX5Obj/Obj62_0/img_4.jpg" width='185' height='140' border='0'>
</span>
Feedbacks zu ""


Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2018





Besucher Statistik
» 2 Online
» 579 Heute
» 469 Gestern
» 1814 Woche
» 5765 Monat
» 75586 Jahr
» 322164 Gesamt
Record: 1420 (10.04.2014)
Gesamt Downloads:
Zurück zum Seiteninhalt