HTML web gallery indexes and bug with Chrome browsers

I'm getting weird results with Lightroom to generate HTML web galleries and viewed on a Chrome browsers where the last image in a row drops down to the next row, making the index look horked? Sample page below, could someone using Chrome let me know if they are seeing the same thing? Is this an issues isolated to me, or known by Adobe? http://www.wrestlersarewarriors.com/images/wrestling/college/2015/15CMWSFSSTAN/index.html

Tried it on Chrome 40.0.2214.111m running on Win7 and it looks ok.
There is a 6x5 grid of photos, none out of place.
Checked through several different galleries. Firefox 35 and IE 11 all look the same.
I can also check it out on a chromebook tomorrow when at work
Bruce

Similar Messages

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>

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

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

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>

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.

Web Gallery / Mobile Me - issues with IE 6?

Hi,
I have uploaded my latest set of photos on the web gallery. But when I want to see the web gallery with IE6, it says - "We recommend a newer browser" and it lists the three browsers - IE7, FF 1.5 or higher and safari 3.0 or higher. There is a button that says Use current browser and a checkbox that says "do not warn me again". Even if I click the checkbox, the browser does not load the gallery page.
Do we really need IE7 now to view gallery? I do have FF and that seems to work fine, but my folks are still very IE savvy.
Is this a bug or is this expected? At least the browser should continue loading the page, even after you check the "Don't warn me again" checkbox and click on the "Use current browser" button.
Anyone else seeing this issue?
Thanks,
Abhi

I haven't seen much on Mobile me yet - here is the apple page for mobile me on a PC - http://www.apple.com/mobileme/features/pc.html - and in the upper right hand side there is a link to the tutorials - you might get more information there
We recommend a newer browser" and it lists the three browsers - IE7, FF 1.5 or higher and safari 3.0 or higher.
This sounds like a design not a bug
LN

Question Marks in Web Gallery using LRG One (with PayPal) on Mac

I have an issue when using LightroomGalleries.com's otherwise excellent "LRG One with PayPal" gallery template in the LR Web module on my Macs. The template produces a drop-down menu to display unit pricing, in a range of currency options. When I set the currency symbol to anything but the default USD/ $, I get a ? symbol in a diamond shape instead of the currency symbol. (I need to use £ for GBP, but it does the same if I select EUR or Japanese Yen.)
This shows up in the LR Web Module UI, and also when previewed in Safari. Likewise when exported to desktop or remote server and opened in Safari.
It does not happen with other browsers - I've tried Opera, OmniWeb, Firefox, Camino, Mozilla and even IE 5.2 for Mac. All of these display the currency symbol as £
I've posted on LightroomGalleries and Luminous Landscape Forums, but have not found anyone able to advise how I can stop this happening in LR and Safari (though Admin at the former made some suggestions - see http://lightroomgalleries.com/forum/viewtopic.php?t=51 , and it seems clear it's a Mac issue and something to do with UTF-8 encoding issues).
Just wondered if anyone on this forum might be able to suggest a way forward... I'm not a coder, but I'm willing to try anything not too complicated in the way of file editing.
Thanks in anticipation
Jim

LRG One with PayPal html version
Here is a modified version including an Euros and an UK Pounds and a Japan Yens module working fine.
Ive modified the galleryMaker file including Euros and UK Pounds and Japan Yens symboles. These instructions were not written in the original files so PayPal used the default currency, i.e. US Dollars.
You can download the modified version here :
http://www.rvb-photo.fr/download.php?lng=en
Cheers
Herve.
Note you can find a good flash LRG One with PayPal template at lightroomgalleries.com . This one works fine in Euros too...

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

Need help with font and bug with properties inspector bug

Hey guys,
I recentely bought a account at dreamtemplate and i'm working on creating my first website, ive got the basic down but whenever i want to change the font of one character in a word( lets say the k in kind to a different font) it switched the entire word or sentence to that font. ive contacted dreamtemplate about it and this is the solution they gave me but i dont understand it:
To change the font, you need to put the TrueType font files of edwardian and Kunstler in the font file of the template folder.
You may change the font of one character in a word as below.
For example:
In the HTML file,
<h2 class="title"><span class="newfont">l</span>atest </span> <span >projects</span></h2>
In the CSS file,
@font-face {
font-family: 'Kunstler';
src: url('/fonts/Kunstler/Kunstler Script.eot');
src: url('/fonts/Kunstler/ds-digi-webfonteot?#iefix') format('embedded-opentype'), url('/fonts/Kunstler/Script.woff') format('woff'), url('/fonts/Kunstler/Kunstler Script.ttf') format('truetype'), url('/fonts/Kunstler/Kunstler Script.svg#ds-digi-webfont') format('svg');
.newfont{font-family: 'Kunstler'!important;}
Feel free to contact us if you need any further assistance.
if anyone can shed some light and knowledge on how to apply it that would be amazing.
Also another problem i've been experiencing is that whenever i edit something in an html file (index.html) and save it and view it none of the changes show up besides the change in words(ie. no font change, no size change) but pictures are fine.
Now my last which has bothered me a lot latly is an issue with my propertie inspector box, It works fine with an html file but whenever i try to edit a .js file it either goes blank or is greyed out, i've searched for solutions and have made sure im not in live mode, but no luck, i even reinstalled DW, still no luck. I need to edit a menu bar that is a .js and i cant do it with this issue. if anyone needs further info let me know.
thanks in advance

Before you get any deeper with this, you really need to learn all you can about HTML code and it's relationship with CSS. Otherwise you will be forever confused, frustrated and incapable of understanding the answers we give you.
HTML, CSS Tutorials -
http://w3schools.com/
http://www.csstutorial.net/
http://phrogz.net/css/HowToDevelopWithCSS.html
When you have a firm grasp of the fundamentals, spend a few hours doing this 5-part tutorial on how to use DW. It's time well spent.
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Incidentally, you cannot edit JavaScript with the HTML properties inspector. To edit JavaScript, switch to Code View.
Nancy O.

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

Web Gallery, iWeb, and iPhone

I just added a web gallery preview to my iWeb site. When I view it on my iPhone, there is a lego looking block with a ? in it. It won't show the preview of the web gallery. There is also no link to actually look at the pictures. Does anyone know if I am doing something wrong or if that is how it is supposed to be?
www.MrShoemaker.com

I wouldn't think it would flash as they know that the iPhone can't handle flash. It's kind of frustrating that one thing from the company doesn't work with another part of it.

Flash web gallery - style.xml start with slideshow in play?

When creating a web gallery with Lightroom, using a default flash template, a style.xml sheet is created. Does anyone know the line of code in that style.xml that sets the gallery to load with the slideshow in play mode?
thanks,
Donnie

Please excuse the bump...
Anyone with a LR flash gallery that starts with slideshow in play mode?
Can it even be set to do this?
The only code in the style.xml that looks like it might be realted is line 12 <playOptions playMode="pause"/>, changing that to "play" does nothing.
Thanks,
Donnie

Web Gallery Post and Delete Not Working

Before the latest update things seemed to work as expected. After the update my web gallery doesn't work as expected. From imovie 08 I can't successfully delete movies nor can I successfully load them.
Anyone else with the same issues. Apple has really dropped the ball on "works out of the box" or in my case, out of the credit card.
No more money will go to them till they clean up their act.

got help via e-mail from .mac team

HTML web gallery indexes and bug with Chrome browsers

Similar Messages

Maybe you are looking for