Darstellung Verlinkung - Website X5 Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App

Direkt zum Seiteninhalt

Darstellung Verlinkung

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 im gezeigtem 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, auch mit http:// möglich.
HTML-Code kopieren und in den BODY-Bereich der ausführenden Seite an gewünschter Stelle einfügen.
Website X5 bietet zwar die Möglichkeit über das Programm Bilder einzufügen, doch wird bei mehrfacher Verwendung des selben Bildes auf dem Webserver auch mehrfach das Bild mit individueller Buchstaben-/Zahlenkombination hinterlegt (z. B. demo_5xnj2ds8.jpg). Das kann bei wenigem Webspeicher dann zu Engpässen führen. Wir empfehlen Bilder immer selbst mit dem <img> Tag einzubinden, um Speicherplatz zu sparen.
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'>
<!-- Anzeige-Code auf der Homepage) -->
<img alt='Foto Pferd' src='wsX5Obj/Obj_IMG/tiere_01g.jpg' width='190' height='140'></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'>
<!-- Anzeige-Code auf der Homepage) -->
<img alt='Foto Hund1' src='wsX5Obj/Obj_IMG/tiere_02g.jpg' width='190' height='140'></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'></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'></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'>
<!-- Anzeige-Code auf der Homepage) -->
<img alt='Foto Pferd' src='wsX5Obj/Obj_IMG/tiere_01g.jpg' width='190' height='140'></a>
<br><br>
<a href='wsX5Obj/Obj_IMG/tiere_05g.jpg' target='_blank' width='1280' height='945'>
<img alt='Foto Schwan' src='wsX5Obj/Obj_IMG/tiere_05g.jpg' width='190' height='140'></a>
<br><br>
<a href='wsX5Obj/Obj_IMG/tiere_06g.jpg' target='_blank' width='1280' height='945'>
<img alt='Foto Rentier' src='wsX5Obj/Obj_IMG/tiere_06g.jpg' width='190' height='140'></a>
Feedbacks zu ""

Keine Kommentare gefunden.

Bitte Dein Feedback

Du wirst als User bei Deinem ersten Kommentar automatisch registriert und musst dies noch bestätigen.
Erstellen Dir ein Konto, damit Deine Kommentare dann ohne Bestätigung veröffentlicht werden.

Login | Registrierung


            CAPTCHA
            Vielen Dank für Dein Feedback.
            Logo Host Europe
            Button Spenden

            © 2009 - 2020




            
            Besucher Statistik
            » 2 Online
            » 27 Heute
            » 119 Gestern
            » 556 Woche
            » 920 Monat
            » 42134 Jahr
            » 266340 Gesamt
            Record: 1144 (01.02.2020)
            Gesamt Downloads:
            Hosting by
            Zurück zum Seiteninhalt