Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    po3
    po3 is offline
    New Coder
    Join Date
    Apr 2007
    Posts
    75
    Thanks
    16
    Thanked 0 Times in 0 Posts

    Arrow Need some help with a modalbox/lightbox issue

    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) 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. Just click the large image or the "view more images" link.

    Thanks for your interest!

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    What exactly are you trying to do? Why not use lightbox? If not lightbox then maybe ThickBox?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    po3
    po3 is offline
    New Coder
    Join Date
    Apr 2007
    Posts
    75
    Thanks
    16
    Thanked 0 Times in 0 Posts
    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.

  • #4
    po3
    po3 is offline
    New Coder
    Join Date
    Apr 2007
    Posts
    75
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Anyone interested in helping out on this? Isn't this a fairly simple fix?

  • #5
    Super Moderator Inigoesdr's Avatar
    Join Date
    Mar 2007
    Location
    Florida, USA
    Posts
    3,647
    Thanks
    2
    Thanked 406 Times in 398 Posts
    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.

  • #6
    Regular Coder ArcticFox's Avatar
    Join Date
    Jan 2004
    Location
    Vostok Station, AQ
    Posts
    602
    Thanks
    35
    Thanked 3 Times in 3 Posts
    Quote Originally Posted by po3 View Post
    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:

    Code:
    <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.
    <div> - putting your mind in a box since 1997


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •