RollOver
It’s only fledgling but you can download and play with (and decode for your own use) my version of a javascript rollover gallery for Lightroom.
While this works in and of itself and is based on the Scroll Extra gallery below, it has a number of things added and equally so, missing.
CSS: I’ve updated to the correct CSS file calling technique. In Scroll Extra I literally just made a call to the file using the standard call. This one line of code is now replaced by about 15 lines of XSLT instead. While the first one worked fine on Mac, johnbeardy reported it broken on Windows. This bit solves that.
Missing: I cannot make the XSLT call the first image to display when the gallery loads.
Here’s my code for calling the thumbnail with the link that allows the javascript call:
< img xmlns="http://www.w3.org/1999/xhtml" src="{$path}" alt="" name="a1" />< /a>
The previewFull tag calls the full image into the main viewer when you mouse over the thumbnail.
Much as I try the same code for previewFull does not call the first image for display on loading. I know it’s something stupid that I’m doing or missing.
A few notes on the above code. path and previewFull call rendition, size and path. These make sense to view, but have no relation to anything in the galleryMaker.xml or tranformer.xml file. So where are they referencing? Well as it turns out, they are referencing the source.xml file that you can create by removing the comments around that section of code in transformer.xslt.
Examining a sample source.xml file I can see the following:
I can see that this image has 2 renditions: 600X400 called image and 60X40 called thumb. Also the path of each rendition is included.
So our “rendition[@size='thumb']/@path” calls the image located at the ‘path’ that is sized thumb.
Also each img call is inside the
Things I’d like to do in XSLT: create cropped square thumbs ala php, Embed paypal links. I should also try adding radio buttons to let people rate the image as an experiment in creating feedback from images.
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
Sean, what do you mean about “cropped square thumbs ala php”? PHP? Isn’t there a clip property in css? Anyway, nice work.JohnB
Sorry I didn’t reply to this, I thought I had. I’m aware of the clip proprty, but for some reason I couldn’t get it to work for me inside Lightroom. I’ll keep at it though.
Post new comment