user1551210
user1551210

Reputation: 1

jQuery prettyPhoto - Setting a max height and width for the lightbox

I have installed the Pretty Photo jQuery plugin but I need to set a min and max height and width of the lightbox and can't seem to get it working.

I've tried changing the prettyPhoto.css file and no luck, I tried looking at the prettyPhoto.js file and can't work out how the dimensions are actually set!?

Anyone have any idea how to do this?

Upvotes: 0

Views: 15922

Answers (3)

Joao Miguel
Joao Miguel

Reputation: 31

   $(document).ready(function(){
      $("a[rel^='prettyPhoto']").prettyPhoto({
        allow_resize: true, /* Resize the photos bigger than viewport. true/false */
        default_width: 500,
        default_height: 344,
        horizontal_padding: 20
      });
    });

fixed window-size in prettyphoto

Upvotes: 3

guylabbe.ca
guylabbe.ca

Reputation: 881

Here is a possible workaround for your problem. This is what helped me the most.

Upvotes: 0

Prashant Kanse
Prashant Kanse

Reputation: 782

Look for div.pp_pic_holder in PrettyPhoto.css file /css/prettyPhoto.css and apply required width with !important Ex. width: 825px !important;

Upvotes: 2

Related Questions