XSL, XML, and Metadata Names in Web Gallery Templates

I don't know exactly how to ask the question, but what I want to do is customize the information that appears below a full-size image in an HTML web gallery. For the existing HTML gallery templates, this is the area where "caption" data is placed. You can display just about anything you want there, but you are essentially limited to a single line with no ability to format spacing. I would like to be able to show mutiple lines and format the way I want, which would be pretty easy in HTML.
I have created a custom web gallery, and I have learned where in the transformer.xslt file the caption information is placed. However, I do not know what the metadata field names are, or more importantly how to place them in HTML. Does anyone here know enough about XSL to give me hand? Any kind of direction would be greatly appreciated.

Try John Nack's blog
there was some initial info there.
Also Sean McCormack has done a lot of work on hacking the templates
Richard Earney
http://inside-lightroom.com

Similar Messages

I want to customize the "HTML Gallery" web gallery template in Bridge CS6.

Using Win7 64bit + PS CS6 64 bit ext on a 16GB PC. In which folder do I find the web gallery templates for Bridge CS6? Is there info available on how the programming/configuration works with the info passed by Bridge - filename, contact info, copyrights, description/title, email, etc.
Please point me to any sources of info.
I lke the idea of setting-up a gallery directly from bridge. Any other ideas?
Thanks,
Steve

haggest wrote:
Hi JJMack,
Can you please explain how you use Phoshop Scripts to generate web galleries? I've created a Photoshop script to bulk add captions/descriptions from a text file to image files, so I have some JS scripting skill. Are you willing to share your scripts?
I really like the ability to setup the oder of my gallery in Bridge (images in rows and columns) then directly generate a small 20-40 image gallery, with descriptions, file names, etc.
I'm also looking at Lightroom 5 to produce small web galleries. It appears that the post-processor from Turning Point is suggested.
I only use the Bridge as a metadata Editor and I do not use Lightroom. I know the Bridge can be scripted where files can be selected in Bridge the passed to Photoshop and Photoshop Scripts like the Image Processor scripts through Bridge talk. My script does not have Support for the Bridge through Bridge talk. You may be able to add that support, My Scripts use some of the metadata fields like Photoshop Wed Galleries used them and also has an option to support EXIF information. When the Web Gallery is created Photoshop starts your web browser on it like Photoshop Web Gallery feature did so you can verify it, My Script does not Upload the galleries to you web server like the Bridge output module can. I rather use FTP then tie up Photoshop transferring the gallery over the web. My Scripts are just hacks of a Script Jeff created for the Simpleviewer Flash Web Gallery, The script support that Flash Gallery and their other Flash Galleries and the Flash WS-Slideshow Gallery so mobile devices without Flash support can not view my galleries. So some nice tablets with High resolution displays are not supported, The Scripts basically uses canned HTML for the Gallery Viewer and writes the XML file for your Images getting the information for title and description ect from the image files metadata, The Format of the gallery is also controlled in the XML file written by the script. I just hack at JavaScript and because I don't use the Bridge for selection and order it did not brother me that Jeff's code did not support or use Bridge talk It simply includes all image from a folder into the gallery it creates. It uses Photoshop Script to create the gallery tree with Thumbnails and web size images with optional visible watermark text stamp, Web image size is set like fit image my scripts default size is 1600x1200. All my Photoshop stuff is free and downloadable from this link

Another NEW Flash Web Gallery Template!

Hey Guys,
I just finished a cool new web gallery template for Lightroom. This one allows you to select multiple images and give them a category name. The template will then separate the images out into different galleries/categories. From the template you can view all the images or just images in a particular gallery/category.
Its really cool! Check out the gallery sample i have on http://www.lightroomgalleries.com
Hope you all like the template! And let me know if you have comments, suggestions, or if you run into any problems.

Very nice. Thanks for posting. It is great to stat to see some real veriety out there for Web Templates for LR.
Don
Don Ricklin, MacBook 1.83Ghz Duo 2 Core running 10.4.9 & Win XP, Pentax *ist D
http://donricklin.blogspot.com/

Is there a way to create my own web gallery template for bridge?

Is there a way to create my own web gallery template for bridge?
I want to add custom data that is not in any of the templates.
Pretty much, I'd like to create one from scratch...

This was discontinuted in CS5 howerver you could migrate that plugin to CS5. I don`t know if you can do this with CS6.
To my knowledge they only provided a revised Contact sheet II script for CS6. In my opinion a very bad idea because they should have put all efforts and resources to enhance the Output Module PDF contact sheet that has far more options.
Still not using web galleries but the goal for web gallery was also to use this in the Adobe Output Module, maybe that provides you the options you want?

Transition timings in Web Gallery templates

All,
Have to admit, I've never delved deeply here, instead building slideshows in Lightroom and iPhoto. Is there any way to speed up, slow down, etc., the transition timings in the Web Gallery templates provided? Any way in building User Templates to do it? I did a search, and found an old 2007 request on LR 1 that went unanswered.
Thanks.
Jay S.

Zhdesigner wrote:
Sorry, i have some trubelse with editing my mesege:before i wont wrote u:
Jay S
I never usung LR1. But in LR 3 problem "there any way to speed up, slow down, etc., the transition timings" - Slide Duration in other words... this task solve very easy:
In Slideshow module panel at the right part we have tools that include:
Options
Layout
Overlays
Backdrop
Titles
and Playback - that what we need, this tool consist Slide Duration where you can choose in scroll boxes:
Sliders (the sample 4,0sec), Fades (2,5sec)
I think somthing very near (like) must be in oldeer versions of LR.
Hope help u in somesing (so dont foget pushing stars )
Zhdesigner,
I think what you are saying is that we need those same type tools (slide duration, fading, etc.) in the Web Module. If so, then I agree. I do not see anyway to adjust the timings of the Web Module templates.
Anyone??
Jay S.

Photoshop CS4 web gallery template in Lightroom?

Hi,
I have a custom web gallery template set up in Photoshop CS4. I would like to use it in Lightroom, but it appears the Lightroom web gallery templates are in a different format (and not so customisable). Is there a way I can use my CS template in LR??

Thanks Ian,
I am trying out Lightroom to see if it can replace PS for my needs. So far its not looking good! Looks like I might have to upgrade PS instead. I am preffy proficient with PS and have several custom functions set up. My web gallery integrates with my website and has been developed over a time to get it just how I like it. I can also drop in and edit the HTML to tweak it as I go.
Ian

Only eleven web gallery templates in Adobe Bridge?

Only eleven web gallery templates? If possible, how and where can I get more templates? Thanks in advance.

The zoom-percentage that is the same as "print size" differes from Monitor to Monitor but in all versions of photoshop before the last couple of posted updaters in CS6, you could set your Screen resolution in the the Prefs. and View at Print Size would provide the correct zoom automatically.
You can either find the correct screen-resolution for your monitor by measuring the image on your screen with a physical ruler and applying some basic arithmetic to it — or you can go into Acrobat Pro (which apparently has the ability to find the correct values automatically while Photoshop apparently lacks that capability!) and copy the value from there.
I understand that this feature has been dropped from Photoshop CS6 13.0.2 and later because the Photoshop team could not make it work with Retina.
For this reason, I am not intending to install any Updaters beyond 13.0.1 until this issue is fixed.
However, a Script has been published on this Site which does provide a calculated value which you then copy/paste into the Zoom box in the bottom left corner of the Photoshop window.

Changing Virtual Copy Names in Web Gallery

I have been creating web galleries in LR for clients for purposes of online editing. This hasn't been a problem until today when I was creating multiple copies of images using Virtual Copy. I realized when I create a web gallery the images with multiple versions all have the same name in the gallery. So there might be 3 versions of one image (a color, a BW, a sepia tone for example) with the same name.
I.e., if I have an image called "001.cr2" that is full frame and then I create a virtual copy that is cropped, in the web gallery they are both called "001.CR2" instead of "001_01.CR2", or some such thing.
I need some way for my client to differentiate btwn the two files during their online editing. Is there a way to do this without exporting the files and then re-importing to create the gallery?
Thanks in advance.
Ryan Donnell

When you create the virtual copies specify unique copy names for them in the metadata, e.g., "bw", "sepia", etc.
Then in the Web module in the Image Info panel, edit the title and/or caption fields to include the copy name as part of the filename or caption. Each image in the web gallery will then have a unique name tag to reference. If you don't want to use copy names (why not, they sure are useful for other things as well), Image # would also work.

Export Bridge Assets including metadata into searchable web gallery

Hi,
We have several thousand images that we have tagged with metadata in Adobe Bridge. We want to be able to export these images and their associated metadata into a searchable web gallery so that customers can search keywords or at the very least pick attributes in order to narrow down the image selection process.
What software has the ability to do this?
Thank you!
-Mike

Apologies.. my advice may have been wrong.. it is a while since I figured it out.. trying to remember what it was I did..you do have to shorten that file name.. but it may not be the caption you need to change. I suspect I may have selected all the images.. then gone to meta data batch change and done something under the custom button which then applied to all images.
In my case I needed to get the web address for the gallery created from:
http://homepage.mac.com/farish/Smartbins™%20Chewing%20Gum%20Bin%20and%20Cigarett e%20Bin%20Image%20Gallery/
down to:
http://homepage.mac.com/farish/Chewing%20Gum%20Bin%20Cigarette%20Bin/
I did manage it but can't quite remember how I did it.
I will keep playing and when I figure out what I did that worked will post again.
The web gallery name you choose affects how Google sees the site as when you publish the web gallery - the web gallery name can pop up in Google
It's quite difficult to figure out exactly what to do. If anyone else knows a definitive answer please advise!
Rgds

Issue Updating Photo Names in Web Gallery

There is a sync issue with Web Galleries when the photo name is updated in iPhoto while another update is occurring simultaneously. The changes made in iPhoto are lost.
The 7.0.2 Update does not fix this issue.
It seems there should be the option to "update now" and make the web gallery look just like the iPhoto version.
Anyone else have this issue?

pschlampp:
Welcome to the Apple Discussions. The syncing works correctly for me. Try clearing out the iPhoto Cache folders that are in your User/Library/Caches folder and delete the iPhoto preference file, com.apple.iPhoto.plist that's in the User/Library/Preferences folder. See if that will let you update titles as intended.
Do you Twango?
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've written an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 08 libraries. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

No photo names in Web Gallery

I just uploaded a web gallery (password protected) and after going to the trouble of putting names on all the photos in iPhoto (prior to the upload) was disappointed to see none in my corresponding web gallery.
What gives?

Click on the Setting button in the toolbar for your gallery and make sure you have the option to include titles checked.
Hint: You can put the description of the photos in the description field in the Info pane at the bottom of the source window and then use this script to batch copy them to the Name field before publishing the gallery. Then when you want to revert back to the original file name just use the Photos->Batch Change->Title to File Name.
Do you Twango?
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 08 libraries. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

Using captions (or, hiding file names) for Web Gallery with Aperture 2.0

Is there a way to add captions to pictures displayed using the Aperture 2.0 web gallery without changing the actual file name? I'd like to keep the file name but add a caption to each photo if possible.
Thanks

Hi John
I'm not making extra versions for this, just using the version name as the name in the web gallery. If you are not already using the version name then it lends itself to web gallery naming nicely. If you are using version names already, perhaps reconsider how necessary this is to you as you are tying up this other potential use.
My file names all contain a date and index number but I try and use more 'user friendly' version names if part of my final output will be for web galleries. This is good for clients as they don't have complicated names to order, but it's also a cinch to find the files using the search bar in Aperture.
Hope this helps
FlatE

File name font (web gallery output)

I am using CS4 with adobe bridge. I have created some web galleries and have selected the option to show the file name. This shows up just below the picture in the gallery. The problem is the font is too light to show up against my chosen background font. I am wondering how to change the font color of this file name for the output web gallery. If anyone knows how to do this, I would greatly appreciate it!!! Thanks!

Hi,
You can change the font colour in the Output Panel, under Color Palette (the order it appears and the options it shows depends on the template you are using). Simply double click the colour swatch sqaure to open up the colour picker and choose a new colour.
See attached screenshot if you are unsure where to look..
Regards..

Any way to keep original file name as image name for web gallery?

Hi,
I wonder if there is any way to keep the original file name as image name for a web gallery (instead of "picture-1.jpg)
People often send us the thumbnails or the image from the web and we have to search forever to find the image in AP - if we could keep our original filename then this would be a second away.
Hope somebody has an idea
thanks

Hi William,
I finally had time to play - unfortunately it does
not work the way you described above.
I´m just exporting a set of images using the "Stock
Black" Theme - marked name only - batched the
filename to masterfile - but the actual picture names
are still "picture-1.jpg" - "picture-2.jpg".
did I miss anything? thanks
I see what you want, you don't care about the screen name so much but want the generated file names to be the same as the version names. From earlier messages though I am not quite sure why this is a problem, since you said other people were picking the images they wanted - say Image1 and 23 and 8. That to me says those people are going through the directory using Finder or Explorer, not using the HTML.
Is it the case you are giving people web galleries on CD? If so, then perhaps also export a "browse" directory with exported images using the version names, so that people can use the right name.
Or perhaps it's the case that people are downloading the images from the web, and then using the downloaded file names to send you requests. I'm not sure how to fix this yet and do not know if 1.1 offers something for this.

Keep CS5 HTML "lightroom" web gallery template from renaming files...

When creating an HTML Web Gallery (using ‘Lightroom’ template), Bridge CS5 renames the thumbs and large images to an arbitrary number. The caption reads as the original file name, but the actual image has a new name. This is problematic, as my clients will right-click selected images from my galleries to save and forward for approval, but the file name is not the same as the original.
As an example: VLNK0321.jpg is renamed as _4856316150.jpg. (In Preferences/Output, the "Convert multi-byte file names to Full ASCII" is unchecked.)
Is there any way to fix this little (for me--BIG) problem? Can the script be altered to keep the original file name, not the ten-digit arbitrary number that it currently generates?
Thanks for any help offered!

I believe I've discovered the file/script that does the renaming. I've done some testing, and have been able to change the way Bridge does the changes, but not able to keep the original file name.
The file is "galleryCreator.jsxinc", found in C:\Program Files\Common Files\Adobe\Bridge CS5 Extensions\Adobe Output Module\mediagallery\resources\scripts.
I'm not a code-guy, so I'm hoping that someone with more smarts than I can help. Below is the part of "galleryCreator.jsxinc" that does the re-naming. Simply deleting this entire part of the script renders Bridge unusable. So allowing the script to create the altername is important. If the alteration could consist of only adding the "underscore" prefix to the original file name, all would be well...
Here's the pertient portion of the script:
AOM.AmgGalleryCreator.createUniqueFileName = function(filePath, jpgFile, createMode)
    var alteredName;
    while (true)
        alteredName = "_";
        for (var i=0; i<10; i++)
            alteredName += Math.floor(Math.random() * 10);
        alteredName += ".jpg";
        var f = new File(filePath + alteredName);
        if (!f.exists)
            break;
    return alteredName;
I will send a check for $200 to the first person who can rewrite this to simply add the underscore first, then return the original file name instead of the random number generator, and make it work. Anyone?
Message was edited by: MarkDas

XSL, XML, and Metadata Names in Web Gallery Templates

Similar Messages

Maybe you are looking for