Fit Lightbox container in window if image is larger
        Posted  
        
            by 
                Bobe
            
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by Bobe
        
        
        
        Published on 2012-08-30T09:33:58Z
        Indexed on 
            2012/08/30
            9:38 UTC
        
        
        Read the original article
        Hit count: 569
        
I'm just looking for a simple way to set the max width and height of the Lightbox container and image based on the window size if the image is larger than the current window size.
So say the image is 2000x1200 and the window is 1280x1024, then the max-height and max-width of div.lb-outerContainer and img.lb-image should be set to 
$(window).height() - 286, $(window).width() - 60 
and
$(window).height() - 306, $(window).width() - 80
respectively.
I'm just having a bit of trouble determining where to go about implementing these rules. Do I do it in the lightbox.js file? If so, where? Would it be acceptable to just throw in some script on the page it's used on?
© Stack Overflow or respective owner