Wie in HTML Bild Miniatur
Wie zur Übersicht
Thumbnails soll geben wird Ihren Lesern eine schnelle Vorschau von Bildern (kleine Bilder) und jedes Bild auf die Vollversion des realen Bildes verknüpft.
Die Grundidee des Thumbnail ist, dass Sie eine niedrige Qualität Version eines Bildes mit kleineren Abmessungen zu schaffen haben und wenn der Benutzer dieses Minibild klickt sollten Sie dieses Bild geringe Qualität verlinken auf höhere Bildqualität mit realen Dimensionen. Mit der Kistenverpackung Thumbnail-Bilder können Sie enorm die Downloadzeit einer Web-Seite verringern, so können Sie die Besucher Wartezeit sparen.
Sie können eine Miniaturansicht Link mit Hilfe von HTML-Link-Tag erstellen.
In dem obigen Code erstellt wir Image-Link ein Thumbnail. Wenn der Benutzer die Miniaturansicht Link klicken, wird die Seite das reale Bild laden.
Wenn Sie Ihr reales Bild in einem neuen Browserfenster laden, können Sie wie folgt codieren.
In dem obigen Code fügen wir ein neues Attribut HTML-Link. target = "_ blank". Also, wenn Sie auf den Benutzer auf der Miniaturansicht. ein neues Browser-Fenster geöffnet und zeigt Ihre reale Bild.
Wenn Sie auf dem Bild klicken Thumbnail wird es reales Bild angezeigt wird in einem neuen Browserfenster.
HTML-Quellcode:
Sie können das gleiche Bild für die Bildvorschau und Echtbild verwenden, indem die Größe des realen Bildes für die Vorschau Zweck reduzieren.