I’ve been super naughty, staying up late, learning more about XSLT galleries than I care for. And for what? Well not just a bug fixed version of Scroll 0.1.3, but a new version 0.1.5 0.1.7 which includes the ability to change the gap between images. I’ve fixed the annoying unmentioned bug where the gallery is too big to fit across any size page (mixing 20px padding with 100% width-Doh!). 0.1.7 adds a cool menu bar (well it was there in 0.1.6, but that was seen only by a very small handful!)
However the big feature is something loads of people have asked for in a gallery… a Menu system…
Yep, that’s right, I’ve 5 menu places to add in your page links. I tried to do this before, but failed miserably. Just this time round I was in the zone a bit after figuring out more XSLT and got it to work.
Anyhow:
Updated for 0.1.7: Sample Gallery
0.1.7 also features more commented out code to fix height issues with landscape only height galleries. I’ve also fixed where ‘3rd Link’ should’ve read 3rd Page Name and put the link/name fields in the same box to tidy it up.
Big shout to Mark Sirota for his suggestions and bug testing on this.
Finally. If you want to add more menu items, I’ve included comments in the code on what to cut and paste. Remember to change where it says fifth to sixth with the pasted info and all will be fine. The comments are in both galleryMaker.xml and transformer.xslt.
If you use this gallery, please put a link to a sample gallery in the comments!
To install the gallery, you need to go to User/Library/Application Support/Adobe/Lightroom, (On XP got o C:Documents and SettingsUserApplication DataLightroom -Note that Application Data is a hidden folder, on Vista C:UsersUserAppDataRoamingAdobeLightroom ) where User is the name you log in with. Look for a folder called Web Galleries within. If it’s not there, create it yourself. Unzip the file into this folder and restart Lightroom.
The new Gallery will apppear in the Right Hand Panel, in the Galleries Pane.
I recommend that you create an alias/shortcut to this Lightroom folder for future use.
This has been superceded by a number of galleries at this stage. This was posted in Oct 2007!
Great Job! I really wanted some thing easy and simple and not Flash! If people have iPhones they can’t see your galleries, so this will be perfect.
I’ve made some adjustments like no menu, but sometimes I would like to be able to include captions or titles to individual photos. Is this possible with a simple fix?
Any suggestions would be greatly appreciated.
Once again thank you for sharing!!
Michael
If it’s on the web, it can be taken. All it takes is a screen capture…
Hey does anyone know a code to stop others from stealing the pictures. I was able to find a code to stop the right click, however people are still able to drag the pictures to their desktop. Let me know thanks.
kxphotography.com/fashion/index.html
W this look great, can’t wait to get my fingers in it! I will post results as soon as I am there…
Best regards and great work!!!!
Charlotte
kayoua, I originally just hardcoded a large width value as well, but if you change the size slider at all, it reverts back to the original behaviour. The only way to change the vertical size of the images in the gallery was to go back and change the code again.
With the changes I suggest, you have the option. You can still use the sliders, and you can get the original behaviour by setting the width slider to a lower value, or you can leave the width slider at the max, and it will ensure the images are all the same height.
You also have the option of putting a limit on the width, so that images will all be the same height, unless they become extremely wide. In that case, the width will be limited. This could be useful if you include some panoramic images in with the rest.
There are 5 files in the folder:
gallery.xml
galleryMaker.xml
menubg,gif
scroll.css
transformer.xslt
If you are seeing something else, then I have no idea what you are looking at.
I’m trying to delete the black menu at the top like what arnaldo1 did,
Can anyone help me answer this question:
Where is the file transformer.xslt. I only see the golive and xml file in the folder?
Oh and thanks Mike, before I didn’t even need to add all those coding, all I did was made the width much larger and it worked!
-Kayoua
Hi Mike,
That’s a very lateral approach to it. Nice work. I’ll give this a try later.
As you may know, the format of the galleries is changing to a LUA based one. I think the underlying gallery is still XSLT/XML based, so these galleries and changes are still valid.