Bilder vergößern
Andreas Binnefeld
- html
Hallo,
ich würde gerne wenn ich auf ein kleines Bild klicke, dass dieses dann an anderer Stelle größer angeziegt wird.
Also sagen wir mal es soll in einer Tabelle groß angezeigt werden. Wie bekomme ich hin, wenn ich oben links auf ein miniaturbild klicke und es dann in der Mitte des Bildschirmes große 640x480 angezeigt wird?
Vielen Dank
Andreas
Hallo Andreas,
Also sagen wir mal es soll in einer Tabelle groß angezeigt werden. Wie bekomme ich hin, wenn ich oben links auf ein miniaturbild klicke und es dann in der Mitte des Bildschirmes große 640x480 angezeigt wird?
du benötigst zwei Ausgaben deines Bildes, eine Thumbnail-Version (z.B. 86 x 65 Pixel groß) und das Originalbild mit den Originalmaßen. Vermeide die Skalierung durch den Browser selbst, indem du bei den Größenangaben zum Bild einfach "falsche" Daten einträgst. Das sieht grauenvoll aus und bei einer großen Anzahl von Vorschaubilder dauert es ewig, bis die Seite vollständig geladen ist.
Du könntest z.B. mit einem Iframe arbeiten. Aber der Einsatz sollte überlegt sein.
Ich für mich persönlich nutze folgenden Aufbau:
Übersichtsseite mit den Thumbnails (86 x 65 Pixel), die ich im Vorfeld noch mit einem kleinen Rahmen versehe -> eine HTML-Seite, ein paar kleine Bilder
eine HTML-Seite für jedes zu zeigende Bild, denn es nervt mich sehr, wenn ich den Back-Button des Browsers bemühen muss, weil nur die Bilder verlinkt werden. So kann man Rück- und Vorwärtsverweise mit unterbringen.
Also statt <a href="bild1.jpg" title="Erste Bild" /><img src="..."... /></>
lieber <a href="bild1.html" title="Erste Bild" /><img src="..."... /></>
Weniger Mühe macht die Verwendung von Generatoren für solche Galerien. Soll es schnell gehen, kannst du auf Irfanview zurückgreifen.
Mit freundlichen Grüßen,
André