Programmieren - alles kontrollieren 4.947 Themen, 20.745 Beiträge

Verfolgung starten Optionen

Html Darstellung von Bildern verkleinern vergrößern

(Anonym) / 5 Antworten / Baumansicht 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
Wumpchild (Anonym) „Html Darstellung von Bildern verkleinern vergrößern“
Optionen

height=400 width=400

einfach hinter die Ausführungszeichen der BildAdresse schreiben und das Bild ist 400 x 400 groß...

<href="bildgross.gif" onClick="this.blur();" target="zielframe"> <img SRC="bild.gif" ALT="Bild anklicken zum vergroeßern" BORDER=0 height=200 width=130>

ich denke das dürfte es sein, wenn ich mich nicht irre...
Wumpchild

p r o s t Wumpchild
bei Antwort benachrichtigen
Borlander Wumpchild „height 400 width 400 einfach hinter die Ausführungszeichen der BildAdresse...“
Optionen
<href="... Da hat wohl die Tastatur geklemmt.
Sollte bestimmt so aussehen &ltA href="...
bei Antwort benachrichtigen
Wumpchild Borlander „ Da hat wohl die Tastatur geklemmt. Sollte bestimmt so aussehen ltA href ...“
Optionen

Danke für die Berichtigung.

Wumpchild

p r o s t Wumpchild
bei Antwort benachrichtigen
(Anonym) Borlander „ Da hat wohl die Tastatur geklemmt. Sollte bestimmt so aussehen ltA href ...“
Optionen

icg bedanke mich für diese info, die rechtschreibung ist nicht so wichtig die allgemeine syntax von html ist geläufig

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