Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Pages: 1
I'm a photographer and have a simple portfolio website. I create the galleries in Lightroom, link them in Dreamweaver and upload them myself. I have to move away from the flash galleries since they don't work on mobile devices. I've created new galleries with the TTG 2014 HTML gallery template and have them all ready to go. On my website, I have buttons (links) to each of the different galleries, ie. Bands, Snowboarding etc... But because I have multiple pages of photos in each gallery, each page is being exported as it's own index HTML ie.
index_2.html
index_3.html
index_4.html
index_5.html
index_6.html
index_7.html
index_8.html
index.html
In my old Flash galleries, there was one index.html that I could easily link to a corresponding button (Snowboarding etc). I don't want to create 8 buttons just to show all my snowboarding photos. Is there an easy way around this??
Please help
Thanks!
Offline
You could use TTG CE4 Gallery. It has pagination.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
The 2014 HTML Gallery has pagination. That's why there's index_2, etc. Your visitors should land on index.html, and from there can navigate to subsequent pages.
Offline
This is probably a new topic for 2014 HTML Gallery...wasn't clear how to create one.
I am trying to use a 700px wide image (slider in Lightroom). The image in the photos folder is 700px, but will not display larger than 542px. When I look at the single image page the <div class="mantle"> has CSS attribute of width: auto (590px) thus substantially limiting the size.
Is this a default width? Can I change it? Where is this defined in the CSS?
Offline
are you using the current version (1.0.3)?
I'm not seeing the problems you are in my tests. If I set an image width to 700 px it's being displayed at 700px. No margins or padding.
Do you happen to be looking at your site on a smaller screen or is your browser not full width of the monitor? I'm wondering if some media queries are kicking in.
Where is this defined in the CSS?
It looks like the style.css file is the one you want to look in.
do you have a link you can share?
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Just upgraded to (1.0.3) and I get the same result.
http://www.tfulmia.com/Between1/index.html
Click on the first image to open single image page. Open Inspect Element and you will see that the image is 698x700 but the core and mantle divs are restricting it to 590.
In the LRengine css, core and mantle widths are both auto.
thanks
Offline
it looks like the core width is set for all pages by the settings for the grid. So figure the cell dimensions multiplied by number of columns and add any padding. That will be the maximum width your images will display at.
Try setting your thumbnails at around 234px or so
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Rod, thanks, that's indeed the problem...not sure I'm crazy about the solution. Would it be possible to add unique css styles to the lrengine css, one for the thumbs one for the single image pages, and adjust the html accordingly? Or, maybe more simply, is there a way to keep the mantle and core widths auto regardless of the dimensions of the thumbs grid.
thanks...I really appreciate your help
Offline
Would a simple "!important" do it?
Offline
maybe just something like
.page-single #body-core {
width:auto;
}(or maybe a specific width)
added to the end of the style.css file. There's no provision in the 2014 HTML Gallery for adding custom css so you'll have to edit the exported file. Every time you export it.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Rod, that looks about right. Would love to automate it through LR, got lots of galleries, if I can't deal with the larger grid, I will give it a try.
You have no idea how much I appreciate your help...
best, Tim
Offline
If you want more control over the gallery you'd be better off getting CE4 Gallery. You could then either just configure it the way you want in the interface or, if needed, you could easily implement custom css.
The 2014 HTML Gallery is basically the Lightroom HTML gallery that Matt has improved upon.
Otherwise, unless you know anything about scripting, you're stuck with opening each of those css files and adding the code. I'm assuming that some sort of scripting could do this. Don't know for sure.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Thank you for your replies. I have figured out how to get TTG HTML galleries to work but can't get the 'Home' button to function properly. I want it to go back to my main index (joshthompsonphotography.com) but it tells me it can't locate the page. If I just put index.html, it will take me to the first page in the specific gallery but not my main website page. When working with older galleries, I would just put in my web address for the home button and it would take me right to it. Any advice?
Thanks
Offline
I can only guess without seeing it: did you put the full url to your main site in the home link field?
can you post a link to a gallery?
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
I tried the whole url www.joshthompsonphotography.com and I tried joshthompsonphotography.com... neither work. Here's a link to the one gallery that I've created with ttg using my web url file:///Users/iMac_2014_jgt/PHOTOS/Website%209-1-14/Travel_5/index.html
I actually just figured out how to get this to work properly in the LR HTML gallery. Not sure why it's not working with ttg's?
Offline
the whole url would be http://www.etc...
file:///Users/iMac_2014_jgt/PHOTOS/Website%209-1-14/Travel_5/index.html
that's not a link to an online gallery
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Rod,
Is it possible to access and change the 2014 HTML engine code so that the individual image caption html is not created as <strong>. Where in the lrwebengine is that piece of code, and what do I do to remove the <strong> tag?
thanks,
Tim
Offline
Matt will have to answer that
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
That would be somewhere in the CSS.
Offline
Rod,
Is it possible to access and change the 2014 HTML engine code so that the individual image caption html is not created as <strong>. Where in the lrwebengine is that piece of code, and what do I do to remove the <strong> tag?
thanks,
Tim
Open TTG-2014-HTML-Gallery.lrwebengine\lib\html\single.html in a web editor, and remove the <strong> and </strong> bracketing <%= getImage(index).metadata.imgTitle %> near the bottom of the file. That should do it. (I haven't tested this solution.)
Offline
Pages: 1