How to fix lightbox image size?

javascript lightbox lightbox2
Abhishek Nayak picture Abhishek Nayak · Dec 24, 2011 · Viewed 10k times · Source

I am using lightbox 2 to show in enlarge of images, some picture size are bigger than to browser window size and difficulty to see, so how to fix the lightbox image box size to default?

Answer

Ayman Safadi picture Ayman Safadi · Dec 24, 2011

Maybe you can use CSS. Something like:

#lightbox #imageContainer img {
    max-width: 600px;
}

/*********************************************
 *
 * NOTE: "max-width" is not supported by IE6.
 *       If al your images are bigger than
 *       the "default", just use "width".
 *
 *********************************************/

I would recommend using another lightbox library. My favorite is Colorbox, it actually has an option named scalePhotos, which according to their description:

If true, and if maxWidth, maxHeight, innerWidth, innerHeight, width, or height have been defined, ColorBox will scale photos to fit within the those values.

This option is true by default.

Related questions

Javascript and CSS Lightbox that can view PDFs

Has anyone ever found any lightbox type javascript / css code that can display PDFs? I have tried many libraries and none have worked for me. The environment needs to be IE6/IE7 compatible. I am looking for something similar to …

Read More
Using JQuery to open a popup window and print

A while back I created a lightbox plugin using jQuery that would load a url specified in a link into a lightbox. The code is really simple: $('.readmore').each(function(i){ $(this).popup(); }); and the link would look like …

Read More
How to make a jquery lightbox open multiple images from one link?

Using a lightbox like ColorBox or jQuery Lightbox Plugin how can i make a single link which opens a gallery / array of images? For example i have 1 thumbnail and when a user clicks it i want it to open multiple …

Read More