Verkleinertes Bild in HTML durch daraufklicken auf separater Seite vergrössern.

[PC-user]

Hallo,

Ich möchte ein Bild als Verkleinerung in einen HTML-Text einbinden.
Das verkleinerte Bild sollte dann durch anklicken wieder vergrössert auf einer separaten Seite gezeigt werden.
Kann mir hierbei jemand auf die Sprünge helfen, wenn möglich User-verständlich

Da ich kein "Web-Designer" bin, hoffe ich, dass ich mich verständlich genug ausdrücken konnte.

Danke schon im Voraus und Gruss

Peter
PC-user

 

[AKP]

Hallo

Ich weiss zwar nicht, ob du die Seite veröffentlichen willst, oder ob sie nur auf deinem PC bleibt; probiers mal so:

Bild mit Link einfügen:

<a href="images/bild.png" target="_blank" title="Tooltipp"><img src="images/bild.png" height="100" width="200" alt="Bild wird geladen" border="1" align="center"></a>

Erklärung:

href	das href-Attribut verwandelt das a-Element in einen Verweis
target	legt das Zielfenster fest (blank = neues Fenster/Tab)(optional)
title	wird als Tooltip angezeigt (optional)
width	Breite des Bildes (optional)
height	Höhe des Bildes (optional)
alt	wird beim Laden oder Fehler angezeigt (optional)
border	Rahmendicke (optional)
align	Ausrichtung (optional)

So wird das Bild mit einer Grösse von 100x200 Pixel auf der Seite angezeigt, beim Klicken öffnet sich eine neue Seite mit der Originalgrösse.

Das Ganze entspricht jedoch heute nicht mehr einer guten Webseite. Denn es wird immer das grosse Bild geladen. Besser wäre es, das Bild im Klein- und Grossformat abzuspeichern. Bilder auf der Webseite sollten nämlich jeweils in der Originalgrösse angezeigt werden. Beim Klicken verlinkst du einfach auf das grosse Bild.

<a href="images/bildgross.png" target="_blank" title="Tooltipp"><img src="images/bildklein.png" height="100" width="200" alt="Bild wird geladen" border="1" align="center"></a>

Height und Width des kleinen Bildes übernehmen, damit beim Seitenaufbau bereits Platz für das kleine Bild geschaffen wird. Bilder sollten übrigens vorher komprimiert werden (Google: Bilder online komprimieren)


Gruss

PS: Dokumentation zu HTML: SELFHTML

 

[PC-user]

Hallo

Ich weiss zwar nicht, ob du die Seite veröffentlichen willst, oder ob sie nur auf deinem PC bleibt; probiers mal so:

Bild mit Link einfügen:

<a href="images/bild.png" target="_blank" title="Tooltipp"><img src="images/bild.png" height="100" width="200" alt="Bild wird geladen" border="1" align="center"></a>

Erklärung:

href	das href-Attribut verwandelt das a-Element in einen Verweis
target	legt das Zielfenster fest (blank = neues Fenster/Tab)(optional)
title	wird als Tooltip angezeigt (optional)
width	Breite des Bildes (optional)
height	Höhe des Bildes (optional)
alt	wird beim Laden oder Fehler angezeigt (optional)
border	Rahmendicke (optional)
align	Ausrichtung (optional)

So wird das Bild mit einer Grösse von 100x200 Pixel auf der Seite angezeigt, beim Klicken öffnet sich eine neue Seite mit der Originalgrösse.

Das Ganze entspricht jedoch heute nicht mehr einer guten Webseite. Denn es wird immer das grosse Bild geladen. Besser wäre es, das Bild im Klein- und Grossformat abzuspeichern. Bilder auf der Webseite sollten nämlich jeweils in der Originalgrösse angezeigt werden. Beim Klicken verlinkst du einfach auf das grosse Bild.

<a href="images/bildgross.png" target="_blank" title="Tooltipp"><img src="images/bildklein.png" height="100" width="200" alt="Bild wird geladen" border="1" align="center"></a>

Height und Width des kleinen Bildes übernehmen, damit beim Seitenaufbau bereits Platz für das kleine Bild geschaffen wird. Bilder sollten übrigens vorher komprimiert werden (Google: Bilder online komprimieren)


Gruss

PS: Dokumentation zu HTML: SELFHTML

Hallo

Zuvor meine Info, dass ich bei eBay kleinere und grössere Sammlungen anbieten möchte.
Im Angebotstext möchte ich die Bilder einfügen, jedoch nicht in Originalgrösse, da es dann zu unübersichtlich wird.----

Ich habe das HTML-Element gem. Bild im Anhang ausprobiert.
Das Ergebnis war für mich zufriedenstellend d.h. das Bildbeispiel wird verkleinert dargestellt. Allerdings wird es nicht durch einfaches anklicken vergrössert. Es muss mit der rechten Maustaste angeklickt werden und dann auf Bild im neuen Tab öffnen. Erst dann wird es auf einer neuen Seite vergrössert dargestellt.

Auf alle Fälle besten Dank und noch ein schönes Wochenende

Gruss Peter