Results 1 to 7 of 7

Thread: How to Position Light Box Image to left.

  1. #1
    Join Date
    Nov 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question How to Position Light Box Image to left.

    1) Lightbox image viewer:

    2) http://www.dynamicdrive.com/dynamici...box/index.htm:

    3) Describe problem: My client wants the image that pops up to shift more to the left of the screen. How do I do this?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,920
    Thanks
    43
    Thanked 3,187 Times in 3,151 Posts
    Blog Entries
    12

    Default

    With that particular version of lightbox, using a text only editor like NotePad, you can add (highlighted) to the lightbox.css:

    Code:
    #lightbox{
    	background-color:#eee;
    	padding: 10px;
    	border-bottom: 2px solid #666;
    	border-right: 2px solid #666;
    	margin-left: -60px;
    	}
    #lightboxDetails{
    	font-size: 0.8em;
    	paddi . . .
    - John
    ________________________

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

  3. #3
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    47
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    Quote Originally Posted by apach3dan View Post
    1) Lightbox image viewer:

    2) http://www.dynamicdrive.com/dynamici...box/index.htm:

    3) Describe problem: My client wants the image that pops up to shift more to the left of the screen. How do I do this?
    So the positioning is actually defined in the JavaScript rather then the CSS, in the variables called:
    varlightboxTop
    varlightboxLeft
    Their about half way down the script file, so these are what are controlling the positioning.
    Bernie
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,920
    Thanks
    43
    Thanked 3,187 Times in 3,151 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by bernie1227 View Post
    So the positioning is actually defined in the JavaScript rather then the CSS, in the variables called:
    varlightboxTop
    varlightboxLeft
    Their about half way down the script file, so these are what are controlling the positioning.
    Bernie
    That's wrong. There are no variables by those names. There are:

    lightboxTop
    lightboxLeft

    And those could be used.

    But the css method also works and is far easier to deal with:

    Quote Originally Posted by jscheuer1 View Post
    With that particular version of lightbox, using a text only editor like NotePad, you can add (highlighted) to the lightbox.css:

    Code:
    #lightbox{
    	background-color:#eee;
    	padding: 10px;
    	border-bottom: 2px solid #666;
    	border-right: 2px solid #666;
    	margin-left: -60px;
    	}
    #lightboxDetails{
    	font-size: 0.8em;
    	paddi . . .
    Last edited by jscheuer1; 06-27-2012 at 06:51 AM. Reason: add 2nd quote
    - John
    ________________________

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

  5. #5
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    47
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    Quote Originally Posted by jscheuer1 View Post
    That's wrong. There are no variables by those names. There are:

    lightboxTop
    lightboxLeft

    And those could be used.

    But the css method also works and is far easier to deal with.
    Right now, i am looking at those two variables on the JavaScript sheet, so I'm pretty sure they exist. And yes, the CSS probably would be easier.
    Bernie
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

  6. #6
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    47
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    My mistake and apologys John, it seemed I made the mistake of not reading what I wrote. You were exactly right, I meant:
    var lightboxTop
    var lightboxLeft
    Very sorry for the confusions, I was just trying to say that the original so.urce of the positioning was in those variables in the JavaScript.
    Apologies,
    Bernie
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

  7. The Following User Says Thank You to bernie1227 For This Useful Post:

    apach3dan (06-27-2012)

  8. #7
    Join Date
    Nov 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Great. Works great! Thanks, guys!


Tags for this Thread

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
  •