Relative Größenangaben bei img-Tag

[Robert]

Hallo,

ich bin auf der Suche nach folgender Möglichkeit:

Alee meine Popups sind auf 600 Pixel breite genormt. Bei den einzustellenden Grafiken möchte ich automatisch einen Link erstellen, d.h. ich suche nach einem Link, der auf der einen Seite kleine Bilder klein anzeigt, übergroße Bilder aber auf die Popup-Breite verkleinert darstellt.

width="600" führt ja bei jedem Bild die Breite von 600 Pixeln, egal ob klein oder groß.

width="100%" passt leider auch jedes Bild auf die Popup-Breite, auch die kleinen Bilder. Hier ist aber schon der Vorteil, dass sich die Bilder bei einer Veränderung der Popup-Breite mit verändern.

Gibt es einen Attribut-Befehl, der kleine Bilder klein läßt und große Bilder anpaßt?

Ist JavaScript vielleicht eine Hilfe? Für eventuelle Vorschläge/Beispiele wäre ich sehr dankbar.

Viele Grüße

Robert

[Thomas Luethi]

Hallo,

Da Du ja sowieso Pop-Ups verwendest und somit JavaScript im Spiel ist,
koenntest Du auch gleich mit JavaScript weiterbasteln.
Als URL uebergibst Du bei window.open (statt der Bild-URL) die
URL eines HTML-/JavaScript-Dokuments und uebergibst diesem
per URL-Parameter den Namen des Bildes sowie ggf. dessen
Dimensionen.
Das sollte AFAIK moeglich sein - wie es genau geht, musst Du
schon selbst herausfinden oder jemand anderen fragen...
(JavaScript ist nicht mein Ding.)

Gib aber auch den Benutzern ohne JavaScript eine Chance, die grossen
Bilder zu sehen, indem Du die Links entsprechend anpasst.
Am einfachsten verlinkst Du direkt aufs die grossen Bilder.
Der window.open-Befehl steht dann nur im onClick-Attribut,
gefolgt von return false.
<a href="grossbild1.jpg" onclick="window.open('grossbild1.jpg,...'); return false;">
 <img src="kleinbild1.jpg" alt="...">
</a>
http://molily.de/javascript-popups

Allgemein halte ich es fuer wenig sinnvoll, Bilder auf
Browser-Seite zu skalieren.

• Das Resultat ist oft haesslich.
• "zu grosse" Bilder, die herunterskaliert werden, brauchen
    meist auch mehr Speicher/Traffic als Bilder, die gleich
    in der richtigen Groesse sind.

=> Mach die Bilder von Anfang an in der richtigen Groesse,
also maximal 600 px breit.
Ein gutes Grafikprogramm beherrscht das Skalieren viel
besser als jeder Browser, die Bildqualitaet steigt enorm.

Oder pass die Groesse der Pop-Ups jeweils individuell
den Bildern an.
(Sicherheitshalber je ca. 30 px hoeher und breiter als das Bild,
weil einige Browser Platz fuer Scrollbalken freilassen, auch
wenn es gar keine braucht.)

HTH, Gruesse,

Thomas