How to Position Light Box Image to left.

[apach3dan]

1) Lightbox image viewer:

2) http://www.dynamicdrive.com/dynamicindex4/lightbox/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?

[jscheuer1]

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


#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 . . .

[bernie1227]

1) Lightbox image viewer:

2) http://www.dynamicdrive.com/dynamicindex4/lightbox/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

[jscheuer1]

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:


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


#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 . . .

[bernie1227]

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

[bernie1227]

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

[apach3dan]

Great. Works great! Thanks, guys!

:)