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