Bridge CS5 HTML Web Gallery renames images.

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.
Is there any way to fix this little (for me--BIG) problem?

No way to change it, it's a "feature." (Not!)
File a bug report. It makes web galleries useless for me.
--Rich Wagner

Similar Messages

Bug with Bridge CS5 output /web gallery - renames files with ASCII

has anyone found a fix around this ? It makes my HTML galleries useless since it renames all the original files in ASCII code and there is no work around this.
I know that this issue has been going on for a while but Adobe hasn't done anything about this yet

Solved!
This works for Windows. I imagine the Mac solution is similar. Props to William Zauscher for helping find an answer.
I take no responsibliity for any damage caused to your computer, Photoshop or Bridge...
In Windows, browse to C:\Program Files\Common Files\Adobe\Bridge CS5 Extensions\Adobe Output Module\mediagallery\resources\scripts
In the file named "galleryCreator.jsxinc" replace the lines:
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;
...with the following:
AOM.AmgGalleryCreator.createUniqueFileName = function(filePath, jpgFile, createMode)
                var alteredName;
                while (true)
                                alteredName = "_";
                                alteredName += jpgFile += ".jpg";
                                var f = new File(filePath + alteredName);
                                if (!f.exists)
                                                break;
                return alteredName;
You can cut and paste the above. Just save a version of the original file somewhere in case of screwups...
Cheers!
-Mark

Bridge CS5 Renames Files in HTML Web Gallery

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?

Solved!
This works for Windows. I imagine the Mac solution is similar. Props to William Zauscher for helping find an answer.
I take no responsibliity for any damage caused to your computer, Photoshop or Bridge...
In Windows, browse to C:\Program Files\Common Files\Adobe\Bridge CS5 Extensions\Adobe Output Module\mediagallery\resources\scripts
In the file named "galleryCreator.jsxinc" replace the lines:
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;
...with the following:
AOM.AmgGalleryCreator.createUniqueFileName = function(filePath, jpgFile, createMode)
                var alteredName;
                while (true)
                                alteredName = "_";
                                alteredName += jpgFile += ".jpg";
                                var f = new File(filePath + alteredName);
                                if (!f.exists)
                                                break;
                return alteredName;
You can cut and paste the above. Just save a version of the original file somewhere in case of screwups...
Cheers!
-Mark

LR HTML Web Gallery -- modified version with great features is available

For anyone using the default Lightroom HTML Web Gallery, one of our associates here has offered a modified version with some great added features.
John Beardsworth's site -- Lightroom Solutions - http://lightroomsolutions.com/ -- is a wonderful resource for LR tips, plug-ins, information, etc.
The default HTML gallery is fine, but I always found it lacked features. I mentioned this to Ian Lyons (http://www.computer-darkroom.com/) a couple of years ago, and he sent me a modified version with the ability to specify up to 100 rows by using sliders instead of the grid. When I tried John's modified version, it had some other good features. I thought.... what if the two modified versions could be combined? So, I shot John an email, and low and behold, he uploaded a new version of the gallery to his site. Thank you, Ian and John!
Here is the link:
http://lightroomsolutions.com/my-tweaked-built-in-html-gallery/
Here are the added features that I find most useful:
Number of rows (up to 100) and columns can be specified using sliders rather than the grid
Thumbnail images can be sized to your specification
Filename can be placed on each thumbnail, and you specify size of text
Clicking the large image advances to the next image rather than returning to the top of the thumbnail page (no need to use the 'next' link)
See the site for other added features. (If you already have John's version, the newer version has the same file name and went online April 17, 2013.)
PLEASE NOTE: John Beardsworth's HTML gallery is NOT supported by John or Adobe, and is offered "as-is."
I hope others will find this as useful and I have.
John

I've done a version of this where the large file links to the medium and it works no problem. code is based on tutorial code I've already written..
I'd need to see more code to see where the issue might be..
Here's what I have:
(I opted not to put the files in "content", also ignore margin-top, it's not relevent to this)
AddGridPages {
template='grid.html',
rows=model.nonCSS.numRows,
columns=model.nonCSS.numCols,
AddCustomCSS {
filename='resources/css/custom.css',
AddResources {
source='resources',
destination='resources',
AddPhotoPages {
template='detail.html',
variant='_large',
destination="",
AddPhotoPages {
    template='medium.html',
    variant='_medium',
    destination="",
In medium.html
<div id="detailContainer">
<div style="margin-top:<%= margintop %>px;">
<img src="bin/images/med/<%= image.exportFilename %>.jpg" alt="$image.metadata.description"/></div>
</div>
in detail.html
<div id="detailContainer">
<div style="margin-top:<%= margintop %>px;">
<a href="<%= image.exportFilename %>_medium.html"><img src="bin/images/photo/<%= image.exportFilename %>.jpg" alt="$image.metadata.description"/></a></div>
</div>

Embed Adobe Bridge CS5.5 web image gallery into Dreamweaver site

Please help! I have been reading forums and trying to find the answers to my problem for days! I have created an image gallery in adobe bridge cs5.5 and have used an iframe to embed the gallery into my dreamweaver site. When I preview my site the gallery works, but after I've uploaded the gallery to the server the gallery no longer works. I have read multiple adobe forums with no success. Please help! Thanks!

I'm not sure I completely understand your problem, because linking to a Lightroom gallery is actually very simple.
Design your Lightroom gallery and upload it to your server. Just do it directly from LR. Let's suppose you have uploaded it into [your webroot folder]/galleries/test/.
Don't rename any of the index files.
Check it has actually worked, by visiting http://celestialapple.zxq.net/galleries/test/index.html with your browser.
Create a link to the gallery on your home page. The source code for the link is <a href="/galleries/test/index.html">Other Photoshop gallery</a>
And that's it already.
Cheers,
Michael

Editing Bridge HTML Web Gallery?

Is it possible to edit the HTML Gallery Web Gallery option in Bridge? I just want it to have file names below the thumbs and preview and it would be perfect for what I want to use it for.

I've found the location embedded down three "package content" levels:
/Applications/Adobe Lightroom.app/Contents/Plugins
/Web.agmodule/Contents/Resources/galleries
/default_html.lrwebengine/head.html
and related html files.
Reminds me of the "beware of the leopard" bit in Hitchhiker's Guide.
DN

Bridge CS4 / Flash Web Gallery

Hi!
I'm trying to create a web gallery in Bridge CS4.
If I save to disk, then it'll run fine locally, but once uploaded it won't any more.
No idea why. It used to work, and as far as I know, I altered *nothing*.
Here is one that did work:
http://www.moonglade.net/~rene/testflash/
(uploaded using Fetch)
Here's one that I ftp'd from Bridge. Works as well:
http://www.moonglade.net/~rene/test
Here is the exact same gallery as the one above, saved to HDD, then uploaded using Fetch.
http://www.moonglade.net/~rene/test1/
Both of the later galleries don't have a folder "bin" created, which the first one did.
Also weird, is that when I used CyberDuck to upload the "test1" gallery, I got a "403" error when trying to view it...
HTML galleries work "so so" for me.
Again: looks fine locally, looks off once uploaded.
Error 403: http://www.moonglade.net/~rene/testHTML/
Looks off: http://www.moonglade.net/~rene/testHTMLFetch/
(strange symbol on the top, when clicked, the images appear off center, and with a dark line above them)
Again, does look okay when uploaded through Bridge instead of Fetch:
Works: http://www.moonglade.net/~rene/testHTMLBridge/
A few other points I have with the web galleries through BridgeCS4: There seems to be no option to watermark, or to convert the images to sRGB? These images are AdobeRGB, with embedded profile, which will look like crap in any non color managed browser. Not ideal, to say the least.
Also repaired permissions and such. Then restart.
No help.
I've tried resetting all prefs for bridge, and even installed the entire CS4 anew.
No help.
I'm at a loss here. Might be something simple I'm missing, but I don't see it...
Guess I'll just have to use LR to build web galleries.
OSX 10.4.11
G5 2x2GHz
5.5Gb Ram
31Gb free on an 160Gb HDD

I discovered a way to create a Bridge CS4 gallery that works in all browsers.
The flash gallery worked great on most browsers - but does not work on the iPhone. My google analytics show that many people are looking at my site via an iPhone.
Take 2 was making an .html gallery. Was able to preview it and it looked great on my computer, but when uploaded to my site the images did not appear, only the names. This indicated the image files had not uploaded. I located the "content" folder within the photo gallery and tried uploading it separately, receiving the error that there was an illegal file name so it couldn't be uploaded.
Take 3 - looked at the file names in the folder "content" and realized the sub folder name "bin" was probably causing the problem to solve it (it is assumed that you manage your site with Dreamweaver CS4):
Open Dreamweaver CS4
Locate the "bin" file in the "files" palatte and select it
In the drop-down menu in the upper right of the files pallet choose
>file
>rename
>then rename the file, I used "source"
Dreamweaver will ask you permission to update linked files - say YES
The gallery will now work on all browsers.

Web gallery large images not at correct dimensions

LR 2.1 on MAC 10.4.11 when LR outputs large web gallery images they are sized at 240ppi and not at 72ppi. The pixel dimensions specified are correct but the file dimensions in inches are not correct. Using the "Lightroom HTML Gallery" with a user template which I have re-saved as a new version.

ppi is completely and utterly irrelevant for the web.

Adding Rows to HTML Web Gallery

I am satisfied with Lightroom over all, but there is one item, I could not use at moment -> the web-gallery. I would like to use the standard HTML Gallery, but I need to add more rows. Wish: 3 columns, 8-9 rows (at moment I use Fotostation to built up my web galleries in this way -> see http://www.npx-photo.com -> click on a picture to get to the gallery).
Is it possible to change the code of the standard gallery? Does anyone has had the same problem and solved it?
Any help would be great to make my life much easier ;-)
Norbert Pogrzeba
http://www.npx-photo.com

Don't know if this helps you at all. It's not LR of course.....
In CS2 Adobe added two Flash-based templates you can use for your online Web Photo Gallery. Even cooler is the fact that you can now add a background music track to one of these Flash galleries. Just follow these steps: First find the MP3 audio track you want to use as your background music and rename the file as "useraudio.mp3". Then open your Photoshop CS2 application folder and navigate to Presets>Web Photo Gallery. Inside that folder look for either Flash Gallery 1 or Flash Gallery 2. Depending on which gallery you chose within Photoshop, drag-and-drop your audio file into the corresponding folder. That's it! You've got background music.

HTML web gallery with 3 sizes?

Hello all! I'm getting started with the LR SDK and am currently dissecting the default_html.lrwengine gallery template. That gallery supports a grid of thumbnails which link to a detail page for each photo. I'm trying to add a second link on the detail pages which links to a full size copy of each photo (the detail page versions are not full size but instead something like "medium" resolution).
I have created photoSizes in the model for thumb, medium, and large with all the correct properties, I added a second AddPhotoPages entry to the manifest (for the full size version), and I have edited my thumbs.html (replacing grid.html), medium.html (replacing detail.html), and large.html files to link each other accordingly... however, the medium >> large link never seems to work.
Is there some trick to adding a third (or more) size to LR web galleries? Do I need to do something beyond just adding more photoSizes and more html files? Is there some funky syntax for including more than one AddPhotoPages entry in the manifest? I assumed that's what the "variant" property was for...

I've done a version of this where the large file links to the medium and it works no problem. code is based on tutorial code I've already written..
I'd need to see more code to see where the issue might be..
Here's what I have:
(I opted not to put the files in "content", also ignore margin-top, it's not relevent to this)
AddGridPages {
template='grid.html',
rows=model.nonCSS.numRows,
columns=model.nonCSS.numCols,
AddCustomCSS {
filename='resources/css/custom.css',
AddResources {
source='resources',
destination='resources',
AddPhotoPages {
template='detail.html',
variant='_large',
destination="",
AddPhotoPages {
    template='medium.html',
    variant='_medium',
    destination="",
In medium.html
<div id="detailContainer">
<div style="margin-top:<%= margintop %>px;">
<img src="bin/images/med/<%= image.exportFilename %>.jpg" alt="$image.metadata.description"/></div>
</div>
in detail.html
<div id="detailContainer">
<div style="margin-top:<%= margintop %>px;">
<a href="<%= image.exportFilename %>_medium.html"><img src="bin/images/photo/<%= image.exportFilename %>.jpg" alt="$image.metadata.description"/></a></div>
</div>

Web Gallery Renaming files what am I missing?

When I run Web Gallery it renames my image files. How do I keep my original names I have looked and cannot see a Preference for this
Mike

Give VKC a try http://www.videolan.org/index.html

Html web Gallery: Cell Number Size

I need to determine how to alter the size of the Cell Numbers in the :standard" Lightroom Web Gallery layout.
The numbering is too large to be clearly seen in the upper left hand corner of the cell i;e the thumbnails cover a portion of the numerals.
I'm fairly certain that my client is not going to appreciate this "feature".
How does one change the font size...either in the Lightroom Web Gallery Mode or using HTML...in Dreamweaver or otherwise?
I' will appreciate any help on this.
Thank you

I don't know of a way to influence the size of the cell numbers from within LR.
From outside LR, you have two options:
1) If you want to change the number for a specific web gallery you exported:
Open file [your_webgallery]\resources\css\master.css with a text editor
Find the section ".itemNumber" and change the value of "font-size:" from 40px to something smaller
2) If you want to make the change valid for new HTML web galleries you create:
Open file "\Shared\webengines\default_html.lrwebengine\resources\css\master.css" under your LR installation directory (C:\Program Files\Adobe\Adobe Photoshop Lightroom 3.2 for WinXP)
Do the same edit as above
Note that option 2 has to be repeated after every installation of (new versions) of LR.
Beat Gossweiler
Switzerland

How can I select items from Bridge for a web gallery in CS4

I have installed the plug-in for Photoshop in order to create a web gallery. In the past, I have been able to choose items selected from Bridge, but now that function is greyed out and I can only choose a folder. Is there something I should download for Bridge in order to activate this option?

Thats right, they have to go to:
/Library/Application Support/Adobe/Startup Scripts CS4/Adobe Photoshop/
Maybe you copied the files by mistake to the
/Library/Application Support/Adobe/Startup Scripts CS4/Adobe Bridge/
or maybe you copied to the Library folder in your Home directory (User) instead, as you mentioned, you had to make the directory your self.
You could make a fast check by hitting «Command+Shift+G» shortcut from your desktop and paste the first link from this reply, then you should see something like this:
and if you can't recognize the structure above, you have located the problem.

Web Module: Works great, but is it possilble to publish an HTML web gallery that does not use thumbnails, but just displays all photos (one above another)?

It would be nice if a published web gallery did not require clicking or sliding in order to view a new picture. Is there a template that just puts up every image in the gallery, full-size, one above another? That's how I like my webpages - see, for example, www.sgrhoa.net/betz/150205/ .
Thanks!
Bill

The built-in templates do not do that. At a quick glance, none of the available templates from Adobe's site do that either.

Lightroom 2.7- HTML Web Gallery

Hello all,
I've been using Web Gallery features to produce picture pages but I would like to incorporate them into my existing web pages (with or without a background. I'd like to continue to use Lightroom because of it's ease of use to allow me to create the web sized photos (in the two web optimized sizes), without the backgrounds such that that HTML code can be dropped onto another prebuilt page and updated easily, perhaps coding it in such a way as to allow input from Lightroom?.
Have you come across this problem? Is there a way that you've found to accomplish this?
Here's an example of what I've built so far:
http://a0700308.uscgaux.info/_images/flotilla38_2010_picturepages/index.html
Here's an example of an existing page that I'd like to be able to update my "PicturePages" web gallery onto.
http://a0700308.uscgaux.info/flotilla38_blankpage.htm
The whole concept is to do this and still allow the pictures to be updated from a Lightroom web gallery so they can be added/changed/deleted easily. Appreciate any help...
Henry

If you are able to save out the page that you want to include the gallery into as a .php file, then you can include the Lightroom gallery file in there using PHP Includes:
Doing it this way will allow you to easily publish your Lightroom gallery without being afraid to overwrite the old customized HTML page.

Bridge CS5 HTML Web Gallery renames images.

Similar Messages

Maybe you are looking for