Comments on: Using Lightbox with Apache directory listings as an image gallery

By: Matt

Matt — Mon, 18 Jan 2010 12:59:47 +0000

Sure, I didn’t think about formatting spaces nicely. I guess it’s easier just to read the innerHTML of the link instead of the href attribute. As for a link to the image file, you can include html in the title attribute which will show up in the description.

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

By: ps

ps — Sun, 17 Jan 2010 18:35:38 +0000

WOW!
Now of course, it would be even better, if the image name would display spaces correctly; and would be a clickable link to the actual image so one could download it..

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!!!

By: Matt

Matt — Sun, 17 Jan 2010 15:56:45 +0000

Good idea. You’re on the right lines. To get the filename you need to read the href attribute. You should also make sure that people can’t somehow embed code into your page using strange filenames; below I’ve used the Prototype stripScripts() and stripTags() functions. This is the line you are looking for:

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.

By: ps

ps — Sat, 16 Jan 2010 21:45:44 +0000

Hey thanks a lot for this tip. I use it now to spice up my fancy indexes!!

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!!!

By: Ben lagrone

Ben lagrone — Tue, 12 May 2009 17:25:52 +0000

Thanks! I modified your instructions to upload only the images folder to the root!
I had spent my lunch trying to edit the .js ;(
You saved me countless hours of frustration.