Javascript/Jquery Lightbox

[labforone/Ben]

Using a cool JS/Jquery light box.
Heres the thing:-

Works fine in google Chrome, when you click an image in the gallery the image pops up fine.

http://almondburyroofing.com

if you check in Firefox and Opera, the image sticks to the top of the page.

I tried to change to code in the javascript, see below. this works fine with Chrome but dosent seem to work in the aforementioned browsers.

$window = $(window);
top = $window.scrollTop() + $window.height() / 10;
left = $window.scrollLeft();
$lightbox = $('#lightbox');

[ekim941]

At first glance, my guess is that it's because you have not declared your variables correctly and Chrome may be more forgiving that Firefox. Try adding var in front of the declaration for top and left:
$window = $(window);
var top = $window.scrollTop() + $window.height() / 100;
var left = $window.scrollLeft();
$lightbox = $('#lightbox'); $lightbox.css({
top: top + '0 px', left: left + 'auto' }).fadeIn(this.options.fadeDuration);
this.changeImage(imageNumber);
I think that Firefox is making the css simply top (which it interprets as NULL) +0px which equals 0px.

[labforone/Ben]

Hi Ekim.

Unfortunelty this has not changed anything. Damn Firefox/my code lol.

Let me know if you have any other suggestions.

It is all much appreciated.

[ekim941]

Try changiong line 184 of your lightbox.js file to
top': top + 'px',

It currently reads top': top + '0px', and I think it is just setting the top to 0px.
I made a rough local copy of the site and this worked for me.

[labforone/Ben]

Ekim,

You sir, are a ledgend!! Thankyou very much!