</div>
<div>imgPreloader.onload = (function(){</div>
<div id="code">

this.lightboxImage.src = this.imageArray[this.activeImage][0];

//CrashShop edited at 2009-05-12

//modified unimatrixZxero patch (below) to work with latest lightbox code

//FIXES SAFARI 3.0 Images keeping same height and width attributes as

//previous clicked image

this.lightboxImage.width = imgPreloader.width;

this.lightboxImage.height = imgPreloader.height;

//unimatrixZxero edited fist at 2008-02-20 23:25

//adding these attr setters for bug fix in Safari 3.x

//Element.setWidth('lightboxImage', imgPreloader.width);

//Element.setHeight('lightboxImage', imgPreloader.height);

this.resizeImageContainer(imgPreloader.width, imgPreloader.height);

}).bind(this);

imgPreloader.src = this.imageArray[this.activeImage][0];

</div>

The original fix was by Sam Figueroa found at his blog. I just had to re-write it to work for the latest version of LightBox.js.

Also, I had to add a timestamp to the javascript include to prevent Safari from using a cached version. Yeah, there’s a better way, but this was quick and I thought it might help someone like me who ran into this problem. I’m sure no-one is using this, but if you’reupdating a legacy website then… I would sggest jQuery