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.
Can you fix the focus on a blurry photo after the fact?
The birth of Mirrorless Cameras
MiMedia, letting you access your media, wherever you are
Lightroom 4 on Apple's Mac App Store
Choosing your first dSLR camera
New York City can be beautiful!
The Fujifilm Finepix X10, A Review
Choosing the Right Light Stand
Photojojo iPhone Telephoto Lens review — AudioCast
My week with Q
How To Become A Successful Photographer
"When the Wind Stopped" — poem with 4 photos
Strategies for shooting action
20 Tips for Insects on Flowers
Cast aways - saving those photographic memories
One Man Show: My 25 Years With Digital Photography
Studio, Flash, & Available Light — Three Books Reviewed
Portrait styling: dangerous pairings
Adobe Photoshop CS6 Product Managers Interview Audiocast
A gift of flowers: unfold your senses
On Set of "Love & Robots" the Film
Ilford Galerie Gold Fibre Silk Inkjet Paper — Audiocast











Planning “National Geographic” style photo travel
Wilderness Travel 1 Rainforests – Essential Gear
Backlighting Basics
A Brief History Of Light & Photography: Part 3 of 3
A Brief History Of Light & Photography: Part 2 Of 3
What Moves You?
FIGURES IN MOTION: Decades of Evolving Personal Imagery in Photography, Part 7
Lomography Store, Austin, Texas — GALLERY
GALLERY — Up to $1,000 Reward for Cattle Rustlers
Taking your Portraiture Higher
The "Bible" of Time-Lapse Photography
Interview with Harold Davis — Closeup Maestro of Flowers & Water Drops
Interview with Steve Caplin — Photoshop Digital Artist, Commercial Illustrator, & Author
Easy technique to select, edit and sequence keywords for web
How much should you charge for a photograph?



























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