PDA

View Full Version : Need some help with a modalbox/lightbox issue


po3
09-18-2007, 02:00 PM
I have posted the following question in the formum and haven't received any response so I thjought I'd see if anyone was will to help with the problem for pay. Please read the following to see what I'm looking to accomplish and send me a PM with a quote to fix my two issues. Let me know if you have any questions.

I'm using javascript popup (modalbox (http://wildbit.com/demos/modalbox/)) and have been able to make some alterations to the code to change the look of things such as eliminating the header of the box and getting centered on the page, etc. However, I have two issues I'd like to solve but I really don't know how to fix them because I don't know enough about javascript.

The first issue has to do with centering the popup in the browser window. It seems to look at the entire page (including the depth of the vertical scroll) and then center from there rather than center in the viewable window. It seems like IE 7 on the pc is the only browser that tries to center the modalbox in the actual viewable window. Make sense?

The second issue has to do with the resizing of the modal window. Every time you click to the next image the window does a little dance where it gets smaller vertically and then grows back. All my images will be the same size so I don't want the box to continue to resize every time. Once the modalbox it open it can remain the same size.

Here is a link to the page with the modal box popup (http://projecto3.com/clients/po3v3/TEST/work/test.html). Just click the large image or the "view more images" link.

Thanks for your interest!

_Aerospace_Eng_
09-18-2007, 04:13 PM
What exactly are you trying to do? Why not use lightbox? If not lightbox then maybe ThickBox (http://jquery.com/demo/thickbox/)?

po3
09-18-2007, 05:44 PM
I'm trying to do what I explained. Basically it is an image gallery. I've used tickbox before and I thought you had to display all the images as thumbnails on the page to get them to display in the js popup.

I only want to display one image for the user to click on. Then after they click they will see the gallery of images, just like my example page shows.

po3
09-19-2007, 01:31 PM
Anyone interested in helping out on this? Isn't this a fairly simple fix?

Inigoesdr
09-19-2007, 05:26 PM
It doesn't change size on my screen, using Firefox. The lightbox is half cut-off by the bottom of my screen though, and you can't scroll down.

ArcticFox
10-12-2007, 08:16 AM
I only want to display one image for the user to click on. Then after they click they will see the gallery of images, just like my example page shows.

I have the standard Lightbox, but I'm sure you could do something like this:

<a href="Images/751_1.gif" rel="lightbox[gran]" title=" ">LINK</a>

<!--// image container //-->
<a style="display:none;" href="Images/751_1.gif" rel="lightbox[gran]" title=" "></a>
<a style="display:none;" href="Images/751_2.gif" rel="lightbox[gran]" title=" "></a>
<a style="display:none;" href="Images/751_3.gif" rel="lightbox[gran]" title=" "></a>
<!--// end image container //-->

That will give you the LINK to the first image, and the others are hidden using the CSS, but can still be called upon by the gallery codes.