- In lightbox.css, change line 2 from:
#lightbox img{ width: auto; height: auto;}
to
#lightbox img{ max-width: 800px; width: auto; height: auto; }

- In lightbox.js, right before “Bug Fixed by Andy Scott”, line 260, add:
if (imgPreloader.width > 800) {
imgPreloader.height = imgPreloader.height / imgPreloader.width * 800;
imgPreloader.width = 800;
}
– if the above doesn’t display correctly in this post, I got the info from:
http://lokeshdhakar.com/forums/discussion/5362/solved-how-to-limit-displayed-image-width-size/p1

I also had an issue where the images loaded far down on the page in firefox 9. To fix that:

- In lightbox.js change line 231 from:
var lightboxTop = arrayPageScroll[1] + (document.viewport.getHeight() / 10);
to
var lightboxTop = arrayPageScroll[1] + 120;

Thats it. Thanks for these instructions Matt. You saved me a lot of time

I don’t think this functionality has changed since Apache 1.3.6. Is HeaderName working? Are you sure you have mod_autoindex enabled?

Do you have an AllowOverride directive in your config? You must have at least AllowOverride Indexes for this to work, although this shouldn’t make a difference if putting ReadmeName in the main config file doesn’t work.

Matt

thank you for your great tutorial.

I tried to establish this simple galery but i got a problem with the apache (version 2.2)

errorlog says the following:

“.htaccess: ReadmeName not allowed here”

even in the cfg file ReadmeName is not working, maybe this issue is connected with some changes in the autoindex mod -> http://httpd.apache.org/docs/current/mod/mod_autoindex.html
do you have any idea what could be wrong?

thank you for an reply!

greets,
nick

I’ve updated the post again to include these features. Thanks for helping me make it better Any more suggestions are welcome.

But as a workaround I made the right-click working in the directory index, and thanks to you one knows already the name of the picture!

I don’t want to waste your time anymore.
It works great, and you, Sir, made my day! Thanks!!!

elmt.setAttribute(‘title’, elmt.readAttribute(‘href’).stripScripts().stripTags() );

Put this in the last if statement. Don’t forget to add a semicolon to the end of the other line! I’ve updated the code in the post.

Hope that helps.

Still, I wonder if you could help me adding the filename to the image description.
I think it has something to be like:

elmt.setAttribute(‘title’, ?????????????)

But how do I read out the name of the current image?
I’m sorry, this is my first look at JavaScript, I don’t know how to set this variable..

Thank YOU anyway!!!