Hey Steven,

Thanks for the explanation I understand what you said and applied the imageScaleMode="FILL" and the margin problem got fixed like a treat thanks. Just cropping occurred but can fix this by making each image smaller instead of current size.

Thanks both of you :) post closed.

Kind Regards
Alex

Sorry Bill,

Also forgot to say all main images are 1200 x 600 in each gallery. That's why I put on Scale_down mode to fit the entire images on smaller resolutions.

Thanks again
Alex

Hey Bill,

Many thanks for your response, It's not that I want the image bigger, just to keep the distant between the thumbnails and main image and above the main image at a constant. So say always 10pixels.

Every gallery image has the same effect :(. Think I will have to change the css to set a fixed padding/margin?

Thanks again for your help!

Is much appreciated.

Alex

Hello,

I'm currently building a photography website for a client and have brought Juicebox-Pro, however I'm having problems when changing the screen resolutions to test on different monitors. This is how a gallery appears on my screen resolution: 1920 x 1080 : http://www.alexcurtisphotography.co.uk/ … 0x1080.jpg

However when I test the same page on a monitor sized 1280x800, this is the outcome: http://www.alexcurtisphotography.co.uk/ … 80x800.jpg

A large margin/padding is noticeable above the main image to the title and a another big gap underneath the main image to the thumbnails.

Currently I have the Juicebox setting on 100%W and H. and Scale_Down mode on.  I'm trying to make it appear the same on every resolution but not sure how to get the Juicebox gallery to do this.

Is giving it a fixed height and width my only option? Could I set a max-width and height so it scales whilst keeping the same shape i.e. there is no big margin above and below the main image, appears just like the first picture.

Sorry for the long essay of description, would very much appreciate some help with this.

Kind Regards
Alex