Hi,

I was wondering if anyone knows how to keep white frame around the image that pops up to be a consistent size, rather than changing dynamically with the image.  I have a client who would like to keep the white border a consistent width so that the next and prev buttons stay in the exact same spot.  The images (which are all the same height) could then have a varied width which would center within this fixed white container.

Does anyone know where in the code I can set this to happen as described?  Many thanks in advance for whomever can help. 

Thank you.

Jeff

Did you try all pop up engines?

I did try the others and they all resize to fit the photo.  The client I'm working with likes the look and feel of slimbox2 (which I believe is powered by jquery).  Ideally I'd like to set a consistent frame with the buttons staying in the same spot, and then have the photos (of varying widths) center themselves in the frame.  Is there a place in the script that I can change it to a fixed height and width, rather than fetching the dimensions of the image?  Thanks again for your time.

Jeff

Did you try any css modifications in order to achieve fixed frame dimensions?

I tried several, but all of them made the situation worse.  If you can think of anything, I would appreciate it.

Jeff

i finally got it to work.

if anyone's curious, this is how it would be done:

in the slimbox2.css file, make the following changes:

specificy a width, height and a margin left equal to half the width for #lbcenter.  make sure you append '!important' to all of those values so that overrides the dynamic numbers the script is generating.

specify the same width and margin left as above for #lbbottomcontainer - again set the values as '!important'.

create a new div id called #lblinks - set it's width and height to the image size you want to use as the baseline.  also set their values as '!important'.

lastly, in the javascript itself, you have to add the reference to lblinks:

there it says:
(p=w('<div style="position: relative;" />').append([I=w('<a id="lbPrevLink" href="#" />')

add this:

(p=w('<div id="lblinks" style="position: relative;" />').append([I=w('<a id="lbPrevLink" href="#" />')

that should do it.