Thomas B: lightbox

Hallo zusammen,

Ich bin im Netzt auf ein tolles Script gestossen.
Es klappt auc alles hervoragend, doch leider werden die Bilder immer in der Original Grösse angezeigt.
Da ich mich noch fast gar nie mit Javascript befasst habe, ist es sehr scheirig die enstprechende Code stelle zu finden und abzuändern.

HAt jemand erfahrung mit diesem Script oder kann mir sonst weiter helfen?

Die Bilder sollten alle mit eine Höhe von 400 px angezeigt werden.

http://www.huddletogether.com/projects/lightbox2/

Vielen DAnk im voraus.

  1. Die Bilder sollten alle mit eine Höhe von 400 px angezeigt werden.

    In der lightbox.css kannst du folgende Angabe hinzufügen:
    img#lightboxImage { height: 400px; }

    Damit überlässt du es allerdings dem Browser, dein Bild zu skalieren. Eine bessere Ausgabequalität erhälst du, wenn du selbst die Bilder manuell im Bildbearbeitungsprogramm auf 400px Höhe bringst. Das spart zudem Traffic, denn während bei der oben zuerst beschriebenen Variante das komplette Bild »in groß« durch die Leitung muss, bevor es im Browser kleiner geschrumpft und ausgegeben wird, sind es nach der manuellen Skalieren im Bildbearbeitungsprogramm nur noch genau die Daten, die danach 1:1 ausgegeben werden.

    Viele Grüße!
    _Dirk

    --
    »Große Kommunikationstalente lauern oft im Bus.«
    - Das kleine Seitenschwein, 5-W-Regel
  2. Hallo Thomas,

    selbst wenn es ginge, würde es wenig Sinn ergeben. Du wirst nicht umhin kommen, die Bildchen mit nem Grafikprogramm zu verkleinern (brauchst nix dolles, "IrfanView" würde z.B. schon reichen). Wenn Du dem Script (bzw. dem Browser) die Arbeit der Bildverkleinerung überlässt, wird es bei der Skalierung zu unschönen Effekten kommen. Ferner müsste der User trotzdem das Original-Bild runterladen, was ne Verschwendung von Bandbreite wäre.

    Lightbox kann jedoch ne Maximalgröße für die Bilder umsetzen - z.B. dann nützlich, wenn das Browserfenster kleiner als das Foto ist. Auch in diesem Fall kommt es bei der Skalierung natürlich zu den o.g. Darstellungsfehlern.

    Take this:
    http://www.huddletogether.com/forum/comments.php?DiscussionID=307&page=1#Item_0

    Oder diese etwas aufgebohrte Lightbox-Modifikation:
    http://lightboxgallery.snier.com/

    Cheers
    Cervantes

    1. Hi Cervantes,

      Oder diese etwas aufgebohrte Lightbox-Modifikation:
      http://lightboxgallery.snier.com/

      Das ist ja eine schöne Version der Lightbox, kannte ich noch garnicht.

      Das neu Bild in Bild Feature im IE6 ist zwar keine Augenweide, aber vertretbar.

      Grüße,
      Engin
       GYRO