Results 1 to 7 of 7

Thread: HV Menu + Lightbox image viewer

  1. #1
    Join Date
    Sep 2004
    Posts
    19
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default HV Menu + Lightbox image viewer

    1) Script Title: HV Menu + Lightbox image viewer 2

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...box2/index.htm + http://www.dynamicdrive.com/dynamici...menu/index.htm

    3) Describe problem: I'm using these two scripts on one page as can be seen at http://www.ryanscarry.com/portfolio_macro.htm all is well, however when an image is opened via the gallery, the menu sits on top of the overlay. Anyway i can force the menu to stay behind the gallery?

    Also I cant seem to get the "rev" function to work, so that I can link the captions to a URL

    Thanks
    Last edited by Aradon; 02-20-2008 at 02:18 PM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    In the lightbox.css file, multiply all three z-index property values by 10 (append a 0), ex:

    Code:
    #lightbox{
    	position: absolute;
    	left: 0;
    	width: 100%;
    	z-index: 100;
    	text-align: center;
    	line-height: 0;
    	}
    becomes:

    Code:
    #lightbox{
    	position: absolute;
    	left: 0;
    	width: 100%;
    	z-index: 1000;
    	text-align: center;
    	line-height: 0;
    	}
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Aradon (02-27-2008)

  4. #3
    Join Date
    Sep 2004
    Posts
    19
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    Awesome, that did the trick nicely, any ideas why the rev function wont work? Or the picture caption function?

    Cheers!

  5. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I see no attempt to use the rev attribute in your lightbox links, but notice that the titles are not showing up in the enlarged lightbox. That's because of this style:

    Code:
    span {
    	display: none;
    }
    in your style.css file. This is probably also preventing any link you might try to make using the rev attribute from showing up either.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Aradon (02-27-2008)

  7. #5
    Join Date
    Sep 2004
    Posts
    19
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    Thanks, what should i do to get around this then?

    EDIT:

    NVM, just removed it and it works a treat now, thank you VERY much John
    Last edited by Aradon; 02-27-2008 at 12:51 PM.

  8. #6
    Join Date
    Mar 2008
    Location
    Mexico
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default hv menu and lightbox

    hi im having the same problem... i tried z-index to 1000 and that worked,
    BUT now i cant seem to have the menu under the lightbox dim.

    any clues?

    www.biioxnet.com

    thanks
    G

  9. #7
    Join Date
    Mar 2008
    Location
    Mexico
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    hi just want to post a thread that is a great tip to solving this. problem solver www.biioxnet.com
    --------------------------

    the link to the script in question, HVMenu: http://www.dynamicdrive.com/dynamici...menu/index.htm

    I solved the problem tweaking the menu script itself (menu_com.js). There is a variable that controls the z-index of the menu on the line 31:

    var Ztop=100;

    I lowered the value to 50 and it worked. I didnt touch anything on the Lightbox scripts/css. Lightbox can be found here: http://www.dynamicdrive.com/dynamici...box2/index.htm

Bookmarks

Posting Permissions

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