Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

  1.  
    Ok, so this is somewhat hard for me to put into words. Here is my url: http://justavisual.net/darrennanos/index2.html

    If you scroll through the photos you'll see that certain ones have been link-enabled with lightbox to show details. However, every time you click on the image the pop-up window displays halfway down from where the linked image is. I'd like to be able to have the lightbox pop up show up directly above the image clicked, relative to the users position in their browser window.

    Can anyone explain to me how this is done, or has anyone else had similar troubles?

    Thanks
    • CommentAuthorturbovolv
    • CommentTimeJul 18th 2008
     
    I just figured out a solution to this....

    In your lightbox.css file, change

    #lightbox {position: absolute; ....etc.... etc }

    to

    #lightbox (position: fixed; ...etc... etc }

    the only drag is that if you do have an image bigger than someone's browser window, they won't be able to scroll down the lightbox to the caption and close icon.
    They would only be able to close by clicking off the image.
    Good luck.
  2.  
    ah, for me that just make the page opacity change, but the image doesn't show up anywhere, check the link again to see.
  3.  
    anyone run into this problem with advice or a solution?
    • CommentAuthordatecafe
    • CommentTimeAug 1st 2008
     
    i think i know a solytion but it reguiers also modifiaction to the script

    ad two vars in the main call of the script. the vars are source_pic_left and source_pic_right; put the numbers op the position there
    generate the position you want;
    $source_pic_top=xx;
    $source_pic_left=xx;
    &source_pic_left=".$source_pic_left."&source_pic_right=".$source_pic_top.";";
    then remove the left and top in the css by #lightbox{ remove : top, left, and change postion to fixed.
    here comes the trick, in the js where he generates the box add style={top:".$source_pic_left;.";left=".$source_pic_top.":}

    this should do it.
    But its a lot of work tho position these pieces right;

    Datcafe
  4.  
    ok, this sounds pretty tough but i'll give that a shot. thanks datcafe

    anyone else with ideas that aren't so advanced?