Scroll Extra
Still messing around with XSLT/XML and HTML galleries in Lightroom.
Here’s an extension gallery that uses Andy Rahns info in this blog post. Read the original article and use the new locations mentioned also. What I’ve added is a scrolling mechanism in CSS and made it a little prettier using snippets of code from around the net. Scrolling uses overflow in CSS, while using LI to control the look of the nav bar buttons comes from a variation on the Listmatic site.
I’ve created a single page scrolling gallery mostly to avoid grid coding/preview pages and pagination (areas I need to study more first). It uses ID plate/Watermarking and Jpeg Quality. I have the JPG quality at 70, but moving the slider appears to do nothing. These last features are cut and paste code from the Lightroom HTML gallery, used in a ‘cookbook’ form, so I may have missed something essential.
Things of note:
The background files to the page, the ID Plate and the Nav buttons are included in the gallery.xml file using the ‘filePath’ command. As is the CSS file.
You can, if you want to, hard code links to files on the internet, but on a Mac Lightroom will open them in a browser when you first run the web gallery. John Beardsworth says this doesn’t happen on PC.
The nav bar in the gallery can have its links edited in transformer.xslt. I plan to work on code to do this inside Lightroom at some stage.
I’ve been up all night messing with this so I should crash before work
A photo competition for February!
Design-led? Actually, I think the Pentax K-01 means business
We’re All Bozos On This Bus--The Red Bus to Hell
25 time-lapse videos reeking of awesomeness
Worlds Fastest Camera
The New Sony NEX 7
Choosing your first dSLR
Photojojo iPhone Telephoto Lens review — AudioCast
Photo Accessories that Fail Security Checks
My week with Q
Studio equipment buying guide for beginners
VSCO Film Studio Review
Lessons in Lighting
The russellgraves.com Photo Minute - Truck Blinds
Cattle Country
Creative Photo Valentine Surprise
How to Use Multiple Lights for Dramatic Portraits
Making your own flash diffuser
LR4 free presets: Faded series
Using Sync for Video in Develop
A gift of flowers: unfold your senses
On Set of "Love & Robots" the Film
My Night with Ilford Galerie Gold Silk Fibre
FOTOMOTO - Why I Left











Silhouettes & Photo Contests
Cyan, not just another color
Our 26 best photo projects of 2011
Family Ties That Bind
Animal Group Portraits
A Brief History Of Light & Photography: Part 3 of 3
A Brief History Of Light & Photography: Part 2 Of 3
Always Dream Big
Behind the Scenes of a Documentary Film
GALLERY — Walt Disney Concert Hall — 5 Photos
2011: my favourite photos
Wildlife photography for the masses
The 110 page guide to post-processing
Santa Pictures + Marketing for your Business
Keep your tongue in your mouth!































Comments
This is very cool stuff, Sean. Now I have to spend some time looking at how you did it.
LR’s flexibility definitely won me over as Web Designer wannabe Photographer. Are they any resources out there to break down LR’s default templates into a “Custom Template” to basically create starter css, xml, and xlst files to use as a launching point?
i have been working through creating custom templates for lightroom. im posting my findings and tutorials as well as templates to download on http://www.lightroomgalleries.com
I’d like to know how to edit that “Adobe Photoshop LightRoom 2″ text on up left corner. I’ve seen a lot people edited it. Please let me know.
Post new comment