title: jQuery Lightbox Image Size : Limit the max size of Image
body: <p>I have images which are larger than the screen's viewport, when using them with jQuery Lightbox, the images are showing up in the original size, and hence to see the complete image one needs to scroll horizontally and vertically. I have tried using the CSS tweaks available online but they do not seem to be working. I tried the following code.</p>
  
  <pre><code>#lightbox-container-image-box {
    max-width:900px ! important; // Or your max-width
  }
  
  #lightbox-container-image img {
   max-width:675px ! important; // (your max width - 20)
  }
  </code></pre>
  
  <p>So, what I want to do is set a maxWidth and maxHeight to the lightbox view, ideally do not want to change the lightbox.js file as it is being used at multiple other places.</p>