Relative Größenangaben bei img-Tag

[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