The Turning Gate

Hi,

Thanks for the great work with these templates.

At the moment with the Shadowbox template if a viewer right clicks they are able to copy the image. Is there a way to prevent this from happening?

Looking forward to seeing the Compete Template.

Thanks again.

DB

Thanks I’ll try the Shadowbox forum.

I don’t suppose there is any news on the Complete Template??

Can’t wait to see it.

DB

Sorry not David Bowie!

Hi,
This seems to work flawlessly when the gallery is viewed in Firefox (with cool effect when a thumbnail is clicked). In IE, that effect seems lost – the user is taken to a larger version of the photo with no cool effects – just blank white background. Is IE not supported? Am I doing something wrong? Thanks very much.

Matthew,

Thanks for your response. Sorry I wasn’t more specific – I should have specified IE7. Strangely, your sample gallery works ok in IE7, however, the gallery I created in Lightroom 1.3 only works fully in Firefox (I’m using 2.0.0). The link in question is here:

http://www.photeric.net/slideshows/becca-keith2/index.html

Any suggestions would be appreciated. I love the TTG Shadowbox gallery and would love to be able to use it if it has IE functionality. Thanks again.

Hi Ram,

Actually, it’s even easier than that! a { outline: none; }

It’s already fixed in the next version, which I haven’t released yet. I hated the dotted lines too. ;)

Cheers,
Matt

Matt: Everytime I start Lightroom 1.3.1 on my WinXP system and go to use the latest Shadowbox 2.46, I get this message. Also, when I click on an image I just get the image with white background. Same happens on and off with my site using Firefox 2.0 or IE7. Any ideas?

Within Lightroom I get this error message when I open Shadowbox 2.46, I did not get it with the pre 2.0 versions
—————————————

An error has occurred in the script on this page.

Line: 46
Char: 3
Error: Expected identifier, string or number
Code: 0
URL: agwpg://localhost:1029/index.html

Do you want to continue running the script?

YES NO
—————————————

Okay I think I see the problem with the white background, as someone previously mentioned, if you click on an image before the page is fully loaded in Firefox or IE then you get the pic with the white background. Unfortunately, this also disables my right click blocking code. Any ideas on how to solve this?

Aloha!
Charles

I’m using TTG Shadowbox v294 and TTG Auto Index v103 for my personal work at http://www.on-sight.com/personal-work/

I have also written a brief article about the process at
http://www.on-sight.com/2008/03/03/personal-work-galleries/#more-23

As someone who has had a photography website since 1994 I can’t tell you how excited I am with the ease of use and quality of this solution. Thanks for all your hard work Matthew! Keep up the good work.

Scott,
I’ve love that, but it, unfortunately, doesn’t work that way. The live_update.js file isn’t actually being removed. It’s generated into the exported gallery still, in resources/js. What’s being removed is the line of code in the index.html file that loads the script, essentially alleviating the user. The file is still there, though, and there’s no way I can tell LR to simply not create it.

Likewise, I can’t prevent LR from creating the index.html file or thumbnails in the XML Auto Index, because LR itself needs those files to generate the preview that you see in the Web module. LR can’t preview the PHP file, because it can’t parse PHP.

I’ve gotten the spinning beach ball and associated hangups a few times changing Image Info as well. Seems to be an issue with the Web module. It happens inconsistently. I’ll often restart LR, do the exact same thing it was just hung up on, and it will work. Definitely strange.

Hi Matthew,
I haven’t visited your site in awhile, but wanted to say thanks again for all of your HARD WORK! I’ve been trying to convince a few friends to switch from Aperture to LightRoom and your gallery templates have given them another good reason :)

Anyway,
I really like the Shadowbox gallery – the ease of customization you’ve added is fantastic…BUT captions are SO short. I’ve barely looked at the gallery template so maybe I’m missing something. Is there a place I should look in the code for editing the caption length to be 3 or 4 lines?

Thanks,
Dan

Hi…

This might be a really dumb question, but is there someplace where the TTG-Shadowbox-Gallery web gallery is documented? There are lots of panes to make customizations in the TTG-Shadowbox-Gallery Web Gallery in Lightroom, but I haven’t been able to find any documentation on exactly what they do or how to use them. I like experimenting, but some documentation to start with would help. There wasn’t any with the download. It’s probably right under my nose somewhere, I just need my nose pointed in the right direction ;-)

Having asked that, I was wondering how your demo gallery was created. The one thing I’ve been wanting from a LR Web Gallery (and other gallery creation software), is a way to create a main page with links to other pages, based on a folder hierarchy of images. I don’t know if TTG-Shadowbox does that automatically, but even if it’s semi-automatic (so you don’t have to edit links on EVERY generated page), that would be awesome! So how did the Gallery Index in the demo gallery get created, and link to the “sub-galleries” of images? And what exactly is XMLAutoIndex, and how does that fit into the picture?

I hope this is the right place to ask all this… the Shadowbox forum seems to deal just with the Javascript underneath everything, which is more low-level than I think I need.

Thanks a lot for your help! The Gallery looks great, and I’m dying to get to use it!

-Eric

I love this shadow gallery 2.49. It’s great BUT: Why no option like: allow right-click download.
I want it to be NOT possible to right-click and download the pics.
This option is available at some of the other TTG galleries but not this one. Is there a workaround or something to fix this?

This is very awesome! I just updated all of my model galleries with this version. I love piclens! Question for the author or this group…

I have a model index page with thumbnails of each model’s gallery…when you click that, it heads to this shadowbox/piclens gallery for that model.

Question..how do I piclens enable my model index html page?

Also i would like to make some kind of link that would launch a picklens page that would stream through all of the model’s galleries.

Feel free to email me at chuckcondron@chuckcondron.com

thank you all!

http://www.chuckcondron.com if you want to see this gallery in action on a live site!

Thank you for your hard work! I sent ya a donation today :)

Hi John,

I’m glad you’re liking the gallery. Regarding your queries:

1. You can replace the URL with a logo by filling in the appropriate field in the gallery PicLens option, found in the Color Palette pane. You can see I’ve done this in my sample gallery. The logo should be about 26 pixels tall, and can be a JPG, GIF or PNG image.

2. Nope; it’s not an option PicLens Lite allows for.

3. I’m not sure you can remove these, but you might want to visit the PicLens site for more information. An upcoming version of the PicLens client should be implementing logos and music as well, like PicLens Lite does now. A logo might replace the RSS bit, but it remains to be seen how CoolIris will handle that implementation.

4. Edit the CSS file manually. This should do it:

#header, #menu { position: fixed; }

For some reason, I can’t connect to your gallery, John. Might be on a bad connection here, though. Internet here is sometimes wonky. Just one word of advice, though. You should eliminate spaces from your URL. Change the name of the Roberto Devereux folder to RobertoDevereux, Roberto_Devereux or Roberto-Devereux.

Cheers,
Matt

Hi John,

1. You can point it to the ID plate PNG file, but if the images is too large, it will … be too large. I keep a shrunken version of my ID plate on my server and link all of my galleries to it. You can edit this by opening the photos.rss file and adding <logo url=“idplateSmall.png” /> below the <description> tag.

4. Adding !important to a CSS function tells the browser that the function should not be overwritten later in the cascade. Typically, functions below will overwrite functions above should they conflict; by setting a function !important, you ensure that it will not be overwritten. The way that Lightroom exports gallery.css, all semblance of a cascade is lost – the items are not ordered as they appear in the galleryInfo.lrweb file, but seem to be randomly assembled. To overcome this, Lightroom appends !important to everything. Makes post-export CSS editing a pain, it does.

I’ll have to play with the fixed header issue.

5. To remove a thumbnail, just delete the block of repeating code that contains it from the index.html file. The others will flow to fill the space.

I didn’t see the white flash on the page load, but I’m guessing it has something to do with your use of frames. Ensure that the background color of the frame-set page is set to the desired color, or maybe try setting a background color on the frame (can you do that?)

Your gallery looks great, by the way. Nice work.

Matt,
Thanks so much for all your advice and help.

1. The id Plate PNG file works great when viewing the PicLens slideshow, but I just get a little placeholder on the Flash Viewer slideshow. So we’re nearly there. Any thoughts?

4. The fixed Header issue is very nearly there, scrolling under the header beautifully, but:

a.) I can’t see the collection description at all;

b.) The top of the first row of thumbnails is cut off. How can I move the thumbnail gallery lower so that the top row isn’t cut off?

Are a.) and b.) the same thing?

I have messed with the margin-top value but can’t see it adjusting anything.. Values I have tried are 1, 10, 50, 75, 100. What am I doing wrong?

5.) Removing the thumbnail worked a treat. I also removed the corresponding code in the photos.rss file so that the extra photo doesn’t play in the slideshow.

Matt, thank you so much for your time, advice and explanations.

John

Hi Matt,

Yes I included the px.
Here’s the start of my gallery.css file:

#metadata.collectionTitle.value {
}

.previous a:hover { background-image: url(../images/Previous.png) !important; background-position: 10% !important; background-repeat: no-repeat !important;
}

body { background-color: #222222 !important; text-align: center !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; color: #C0C0C0 !important; padding: 0.00 !important; margin: 0.00 !important; font-size: 15px !important;
}

#header, #menu { position: fixed !important; top: 0 !important; left: 0 !important; z-index: 999 !important; }

#menu { margin-top: 68px !important;
}

p.collectionDescription { margin-top: 100px !important;
}

#shadowbox_counter { float: left !important; padding-left: 10px !important;
}

etc….

Thanks,

John

Hi Matt,
You are so kind.
I have ammended the code in my gallery.css file.
I also added z-index: 999 !important for the #menu item.

Now the menu bar is below the header – fantastic, but the top thumbnails are still chopped off (more so in fact).

I have messed with the p.collectionDescription px size and it seems to have no effect.
I deleted the p.collectionDescription code and the page doesn’t change.

What I’m trying to see (fixed above the gallery thumbnails of course) is the metadata.collectionDescription item.

<p id=“metadata.collectionDescription.value” class=“collectionDescription”>Manchester Evening News Opera of the Year 2007</p>

Here is an excerpt from my current gallery.css file:

#header { position: fixed !important; top: 0 !important; left: 0 !important; z-index: 999 !important;
}

#menu { position: fixed !important; top: 75px !important; left: 0 !important; z-index: 999 !important;
}

p.collectionDescription { margin-top: 100px !important;
}

Thanks again,

John

It’s IE7
Specifically v7.0.5730.11

John

And, if that doesn’t work, try adding this to the head of the document:

<!—[if lt IE 8]>
<script src=“http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js” type=“text/javascript”></script>
<![endif]—>

Matt I’ve just had a look at the gallery on a PC with IE6.
You’re right about the IE6 fixed problem – the gallery scrolls up including the header and menu as it used to in IE7 before we locked it down. That isn’t as problematic for me as not being able to see the top half of the first row of thumbnails in IE7, as I guess in time IE6 will be superseeded.
Thanks, John

Hi Matt, youv’e done it! Wow now the gallery looks really fantastic! Thanks you so very much.

As you suggested I added margin-top: 100px !important; to the .lightboxgallery coding in gallery.css and everything now works brilliantly – I can see all of the top line of thumbnails below the menu and the menu and header are fixed in place. It looks great in IE7.

So to recap, and to possibly help anyone else that might want to do this, here is a summary of the code that we have added to the gallerry.css file to fix the header and menu items in place above the thumbnails and to move the “lightbox” thumbnails lower down the page.

At line 19 in the gallery.css file I added:

#header { position: fixed !important; top: 0 !important; left: 0 !important; z-index: 999 !important;
}

#menu { position: fixed !important; top: 75px !important; left: 0 !important; z-index: 999 !important;
}

p.collectionDescription { margin-top: 100px !important;
}

and at the end of the .lightboxgallery coding (line 123) added margin-top: 100px !important; so that it looks like this:

.lightboxgallery { text-align: center !important; padding: 0.00 !important; margin: 10px auto 0 !important; width: 1008px !important; margin-top: 100px !important;
}

This works fantastically for me in IE7.
Matt you’re absolutely brilliant.

I have now created some other galleries called Bluebeard, Pimpinone, Semele, The Rake’s Progress and Un Giorno di Regno and ammended the page linking to them. They are now at www.johnbishop.me.uk/show_photos.htm

When I have created a few more galleries I intend to replace the show_photos.htm file with one of your Index or AutoIndex galleries, so the whole thing will really look the business! If time allows I will one day get around to recreating my existing old FrontPage galleries to your wonderful TTG Shadowbox Galleries.

Matt, thank you once again for sorting all this out for me and walking me through it. I have learnt alot from you and now have some really good looking galleries to display my stage lighting. Thank you.

I will sing your praises over at www.lightroomforums.net
and if you don’t mind PayPay you something to say thanks.

John

Matt,

Thanks for your comments.
Lighting is so crucial – it is after all what we’re trying to capture and often set’s a great photo apart from a good one.

I’ve posted a link as requested,

John

I have a problem on my iMac, same with the LRGComplete 1.1.1 template which is that some of the panes in LR, ie. the page background colour box in appearance, are off the right side off the program. There is no way to bring them back in so the colour box is clickable. I saw someone else post this in relation to the LRG Complete template, has anyone else encountered this issue? any way to fix it?

thanks

Hi. Love the Shadowbox gallery, and the others you’ve done. This latest is one of the finest I’ve seen or worked with. Quick question: I’d like to be able to have my logo float at the center rather than being anchored at left on some occasions, to be consistent with the rest of the style on my site. See http://thomasgraves.com/testingweb for an example of how I’d like this to look (but you have to resize your browser to get it to center, which I’d like it to do automatically). I’m only a beginner at coding & CSS, so I could use some guidance here. Also, I actually uninstalled 2.5.3 and replaced with an older version so that I could avoid having the arrow overlay on the pictures. I find the “non-arrow” navigation much more elegant. But I also will likely want to keep up with your upgrades, so I’m wondering if there is a quick way in the coding that I can keep those from showing up.

Lastly, I do a blog where I occasionally feature series of photos, and it seems like this would be an ideal way to have those displayed. Is there a way to embed a gallery in the fairly confined space afforded there? If it helps to see, my blog is http://light-shoot-print.com, hosted by blogspot.

Thanks in advance for your time here, and for your work in creating these.

Thomas

Thomas,

Feature added: In version 2.54, the ID Plate can be centered.

The easiest way would be to delete the Next/Previous PNG files from the gallery. The image would remain clickable, but no images. I’m not sure what you mean by “previous versions”, as Shadowbox has always had the arrows, and nothing before them. Unless maybe you’re thinking of the Slimbox gallery.

You’ve confused me on the donation, as well. Crossing the dateline? Dollars? Did you mail it, and, if so, where did you mail it to? In any case, thank you. :)

Say, one more question (sorry to be so persistent here) —

What are the “listen overlay” and “viewport padding” options? I don’t see any effect when I make changes in these settings, either within Lightroom or when viewing exported galleries.

Thanks.

TG

Hi Matt,

Is there a way of transforming the position of the copyright legend from bottom left to the middle and altering the opacity?

Thanks
Hoddo

Hi, I am having trouble getting this to show up in “Gallery” section on the top right hand side. I just wanted to make sure all I have to do is copy “TTGShadowboxGallery” into the “Web Galleries” folder to get it to work.

Thanks!
Adam

Thanks Matthew,

I still seem to be missing something.

When I unzipped the file it was like this:

http://portraitsoftheworld.com/TTG/ForMatthew2

I deleted the “.lrwebengine” and then put the folder in like this:

http://portraitsoftheworld.com/TTG/ForMatthew1

Have I done something wrong?

Thanks again!
Adam

I have put it back but still no luck. I will keep trying options and will let you know if I find a solution.

Yes the LRG ones are working.
http://portraitsoftheworld.com/TTG/ForMatthew3

Here’s how I have your folder labeled…

http://portraitsoftheworld.com/TTG/ForMatthew4

Hi Matthew,
I have tried the Shadowbox gallery and it looks great. However, I cannot get it to work with Piclens in my browser(firefox). It won’t work with the Piclens lite button enabled either. I have tried every combination of settings and Piclens never gets beyond the “loading” page. Could it be my webserver package is missing some essentials to run piclens on my site rather than a problem with the gallery? (Package info found here, it’s the “home” package: http://order.1and1.com/xml/order/Hosting;jsessionid=4B72C7037F401EE03E473F1ABBFD7FDB.TC60a?__frame=_top&__lf=Static#block8
Using Lightroom 1.31, latest Firefox, and latest Shadowbox 2.55.
I can view other sites (including your example gallery with piclens)
Thanks for the visionary work.
Rob

Thanks for your reply Matthew.
My gallery is outputting the photos.rss file and it is showing in the files on the server. Still no luck though.
I tried reinstalling, as well as using a different gallery (slimbox), same issue.
Thanks,
Rob.

Everything is working and looks great! Thanks!!!

I am not sure if there is a way to make links here…

http://portraitsoftheworld.com/ValleyoftheKingsandQueens/ValleyoftheKingsandQueens.html

http://portraitsoftheworld.com/Dubai/Dubai.html

http://portraitsoftheworld.com/EdufTemple/EdufTemple.html

http://portraitsoftheworld.com/Esna/Esna.html

http://portraitsoftheworld.com/KomOmboTemple/KomOmboTemple.html

http://portraitsoftheworld.com/Aswan/Aswan.html

http://portraitsoftheworld.com/PhilaeTemple/PhilaeTemple.html

http://portraitsoftheworld.com/UnfinishedObelisk/UnfinishedObelisk.html

http://portraitsoftheworld.com/AbuSimbel/AbuSimbel.html

http://portraitsoftheworld.com/AbuSimbelTemple/AbuSimbelTemple.html

http://portraitsoftheworld.com/Cairo/Cairo.html

http://portraitsoftheworld.com/SaharaDesert/SaharaDesert.html

http://portraitsoftheworld.com/GreatPyramids/GreatPyramids.html

http://portraitsoftheworld.com/HabuTemple/HabuTemple.html

http://portraitsoftheworld.com/LuxorTemple/LuxorTemple.html

http://portraitsoftheworld.com/OntheNile/OntheNile.html

http://portraitsoftheworld.com/Luxor/Luxor.html

@looks: It’s a script message thrown up by Internet Explorer, and there’s nothing I can do about it. Just click through it and the gallery should work as intended. Lightroom 2.0 has measures in place to suppress Internet Explorer’s problems, and the messages shouldn’t occur in LR 2 beta.

Cheers,
Matt

@looks: It sounds like the Shadowbox scripts aren’t loading. Are you using the latest version, 2.6? I have it running fine here in the LR2 beta.

Hi Looks,

I’m not quite sure what to tell you. Everything is running fine here, and I’ve had good reports from other users running Windows and Mac versions of Lightroom. Is there anything unusual about your system setup? Have you modified the templates in any way? Did you try deleting the templates and installing fresh copies?

and this is the list of files that I have in the Shadowbox folder:
http://www.lukisite.net/test03.jpg
I think this are all the files, that you have in the zip file.

do you mean in the shadowbox-folder I have to create a resources folder and put all javascript, images and css in this new created folder “resources”?

Absolutely excellent work! Thank you.

Request … it would be nice to limit the number of images on a single page, and have a “next page” option. Say I want to only show 12 images on a page, but I have 50 images, then if it had several pages with a “next” and “back”, that would be a nice option. Helps when there are tons of images in a gallery and load time can be a bit much.

Thanks again!

Excuse my stupidity! Ive figured it out)

Hi
I have been trying to set up the shadowbox gallery and it works so far. I have 2 points, where I am not sure, whether I am not configuring it properly.
I am using a white layout, see url.

i) Despite having the navigator for the shadow box set to black, it still shows up as white
see http://www.picsbymike.de/tmp/navigator_white.jpg

ii) The caption is shown for the thumbnails, but not for the shadow box. Is this intentional? From the description it did not appear that way.

Thanks for clarifying.
Cheers,
Mike

Mike,

Thanks for the heads up on the Nav color bug. Will get it fixed for the next version.

Cheers,
Matt

I get the following error message each time I click on a field in the Web module where you configure the gallery:

Internet Explorer Script error
Line: 521
Char: 4
Type mismatch
agwpg:/localhost:1036/index.html

Do you want to continue to run scripts? Y/N

I click Yes and everything seems to be OK. Is there any way to avoid this error message?

Thanks! I LOVE this gallery!