Bilddarstellung - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Website hundertprozent CO2 neutral mit Host Europe
Newsletter anmelden
Direkt zum Seiteninhalt
Scan QR or Download Android App

Bilddarstellung

Scripte > Bildobjekte

Einfache Bilddarstellung mit Verlinkung

Ein oder mehrere Bilder auf der Homepage anzuzeigen und zu verlinken ist kein Problem.
Das Bild oder mehrere Bilder müssen die anzuzeigende Größe aufweisen und werden auf den Server in das Verzeichnis z. B. "images" kopiert. Diese müssen mindestens so groß sein, wie die Darstellungsgrößen definiert werden, können aber daher auch größer sein.

target='_blank' öffnet ein neues Fenster; target='_self' öffnet ein neues Fenster.

width='1280' height='945' ist die Anzeigegröße des Bildes auf der Webseite bzw. im Browser.
href='images/demo.jpg' ist die Pfadangabe des Bildes auf dem Webserver.
Hier kann auch der volle Pfad mit http:// angegeben werden.

HTML-Code kopieren und in den BODY-Bereich der ausführenden Seite an gewünschter Stelle einfügen.
Download Button

Demo Darstellung eines Bildes:

Code für den <BODY> Bereich
<!-- Link-Code beim Klick auf das Bild -->
<a href='wsX5Obj/Obj_IMG/tiere_01g.jpg' target='_blank' width='1280' height='945'>
<!-- Darstellung-Code auf der Homepage) -->
<img alt='Foto Pferd' src='wsX5Obj/Obj_IMG/tiere_01g.jpg' width='190' height='140' border='0'></a>

Demo Darstellung mehrerer Bilder nebeneinander:

Code für den <BODY> Bereich
<!-- Link-Code beim Klick auf das Bild -->
<a href='wsX5Obj/Obj_IMG/tiere_02g.jpg' target='_blank' width='1280' height='945'>
<!-- Darstellung-Code auf der Homepage) -->
<img alt='Foto Hund1' src='wsX5Obj/Obj_IMG/tiere_02g.jpg' width='190' height='140' border='0'></a>
<a href='wsX5Obj/Obj_IMG/tiere_03g.jpg' target='_blank' width='1280' height='945'>
<img alt='Foto Hund2' src='wsX5Obj/Obj_IMG/tiere_03g.jpg' width='190' height='140' border='0'></a>
<a href='wsX5Obj/Obj_IMG/tiere_04g.jpg' target='_blank' width='1280' height='945'>
<img alt='Foto Panda' src='wsX5Obj/Obj_IMG/tiere_04g.jpg' width='190' height='140' border='0'></a>

Demo Darstellung mehrerer Bilder untereinander:

Code für den <BODY> Bereich
<!-- Link-Code beim Klick auf das Bild -->
<a href='wsX5Obj/Obj_IMG/tiere_01g.jpg' target='_blank' width='1280' height='945'>
<!-- Darstellung-Code auf der Homepage) -->
<img alt='Foto Pferd' src='wsX5Obj/Obj_IMG/tiere_01g.jpg' width='190' height='140' border='0'></a>
<a href='wsX5Obj/Obj_IMG/tiere_05g.jpg' target='_blank' width='1280' height='945'>
<br><br>
<img alt='Foto Schwan' src='wsX5Obj/Obj_IMG/tiere_05g.jpg' width='190' height='140' border='0'></a>
<a href='wsX5Obj/Obj_IMG/tiere_06g.jpg' target='_blank' width='1280' height='945'>
<br><br>
<img alt='Foto Rentier' src='wsX5Obj/Obj_IMG/tiere_06g.jpg' width='190' height='140' border='0'></a>
Feedbacks zu ""
1 Kommentar
Durchschnittliche Bewertung: 115.0/5


Ralfi
2018-10-28 10:03:58
Echt coole Anleitung, ;-)
Vielen Dank für Dein Feedback.
Logo HTML5
Button Spenden

© 2009 - 2018





Besucher Statistik
» 1 Online
» 448 Heute
» 552 Gestern
» 1509 Woche
» 8741 Monat
» 63284 Jahr
» 309862 Gesamt
Record: 1420 (10.04.2014)
Zurück zum Seiteninhalt