Programmieren - alles kontrollieren 4.942 Themen, 20.719 Beiträge

Html Darstellung von Bildern verkleinern vergrößern

(Anonym) / 5 Antworten / Flachansicht Nickles

Wie kann Ich bIlder kleiner zur übersicht setzen die dann mittels eines mausklicks in ihrer ursprungsgröße angezeigt werden ( mit oder ohne frame Funktion)

bei Antwort benachrichtigen
Borlander (Anonym) „Html Darstellung von Bildern verkleinern vergrößern“
Optionen

Einfache Lösung mit Frames:

INDEX.HTM
<HTML>
  <HEAD>
    <TITLE>
      Bilder
    </TITLE>
  </HEAD>
  <FRAMESET cols="220,*">
    <FRAME src="VORSCHAU.HTM" name="vorschau">
    <FRAME src="ALLE.HTM" name="bild">
    <NOFRAMES>
      <BODY>
      </BODY>
    </NOFRAMES>
  </FRAMESET>
</HTML>


VORSCHAU.HTM
<HTML>
  <HEAD>
    <TITLE></TITLE>
  </HEAD>
  <BODY>
    <A HREF="B001.jpg" TARGET="bild"><IMG SRC="V001.jpg" WIDTH="160" HEIGHT="120"></A><BR>
    <A HREF="B002.jpg" TARGET="bild"><IMG SRC="V002.jpg" WIDTH="160" HEIGHT="120"></A><BR>
    <A HREF="B003.jpg" TARGET="bild"><IMG SRC="V003.jpg" WIDTH="160" HEIGHT="120"></A><BR>
  </BODY>
</HTML>


ALLE.HTM
<HTML>
  <HEAD>
    <TITLE></TITLE>
  </HEAD>
  <BODY>
    <IMG SRC="V001.jpg" WIDTH="160" HEIGHT="120">
    <IMG SRC="V002.jpg" WIDTH="160" HEIGHT="120">
    <IMG SRC="V003.jpg" WIDTH="160" HEIGHT="120">
  </BODY>
</HTML>


Ich hoffe das ist etwa das was Du suchst. Für die Vorschau solltest Du auch wirklich kleinere Vorschaubilder nehmen, damit sie schneller geladen werden.

Natürlich kann man das ganze auch noch eine ganze Ecke schöner gestalten.

CU Borlander
bei Antwort benachrichtigen