Professional Web Design - Du willst also eine Webseite machen!

Eine weitere Möglichkeit, die man nutzen kann, wenn Du viele Bilder anbieten willst, sind Thumbnails (kleinere Bilder), die zur größeren Version des Bildes führen. Nehmen wir mal an, ich möchte drei sehr schöne Bilder von meinen sagen wir (Traum) Autos zeigen.

Klicke auf das Thumbnail, um das große Bild zu sehen.

Als erstes musst Du Dein Grafikprogramm starten und eine kleinere Version des Originalbildes machen. Es ist auch hilfreich, die Farbtiefe zu verringern. Dies ist auch sehr wichtig, um eine kleinere Version zu machen. Ich habe viele gesehen, die nur die Abmessungen ihrer Bilder im <IMG> Tag verkleinert haben. Das zwängt das große Bild nur auf einen kleineren Raum. Was Du machen musst, ist eine kleinere Kopie des Bildes zu erstellen und diese dann als Link zum großen Bild zu verwenden.

Lass uns einen Link machen. Ich denke, wir verwenden die Corvette (das ist die blaue, falls von Euch da draußen jemand das aus einem albernen Grund nicht weiß). Lege das große und kleine Bild in Dein Arbeitsverzeichnis. Noch mal, Netscape - Benutzer klicken rechts und wählen 'Bild speichern als'. (alle anderen: es lautet so ähnlich)

Fang an mit Deinem <IMG> Tag.

<BODY>
<IMG SRC="auto1-sm.gif" WIDTH=90 HEIGHT=62>
</BODY>

Füge Deine <A> Tags hinzu.

<BODY>
<A><IMG SRC="auto1-sm.gif" WIDTH=90 HEIGHT=62></A>
</BODY>

Und füge die URL des grossen Bildes hinzu und Bingo, Du bist fertig!

<BODY>
<A HREF="auto1.jpg"><IMG SRC="auto1-sm.gif" WIDTH=90 HEIGHT=62></A>
</BODY>

Du kannst, wenn Du möchtest, dien blauen Rand weglassen. Aber vielleicht willst Du ihn auch behalten, damit der Betrachter sieht, es ist ein Link. Es ist Dir überlassen.

<BODY>
<A HREF="auto1.jpg"><IMG SRC="auto1-sm.gif" WIDTH=90 HEIGHT=62 BORDER=0></A>
</BODY>