TTG Horizon
TTG Horizon, a horizontal-scroll gallery.
Photographers — and especially Lightroom users — are used to seeing their images laid out in a filmstrip. For this reason, the horizontal-scrolling gallery is a popular choice for showing images online, as it mimics the filmstrip aesthetic.
TTG Horizon is an elegant, multi-page, horizontal-scroll gallery. Gallery appearance is fully customizable, and the gallery built for ease of navigation and search engine optimization. Two scrolling methods are available; the CMotion Javascript can be used for floating-mouse navigation, or you may opt to use the traditional scroll-bar for a completely Javascript-free gallery. Limit the number of images per page, and the gallery automatically paginates.
As a Lightroom plugin, TTG Horizon is built upon the precepts of flexibility, simplicity and elegance. It doesn’t heap gobs of features upon you, but gives you enough options to customize the gallery appearance and behavior to your liking and get your images online. It’s just enough to get the job done, and hopefully not so much to feel overwhelming.
As an added bonus, I’ve found that TTG Horizon translates very well to the iPhone.
Features:
- Elegant design.
- Automatic pagination.
- Optional floating-mouse image scrolling.
- Fully customizable appearance.
- Easy navigation.
- TTG header and site navigation menu.
- Built for search engine optimization.
- No Flash, no Javascript (when CMotion is disabled).
TTG Horizon
Gallery Demonstration: www.MatthewCampagna.com
* The demo version is fully functional, but limits exported galleries to only 10 images.
About Your Purchase
Upon purchasing TTG Highslide Gallery Pro, you will receive a download URL valid for nine uses or 352 days (1 year) — whichever comes first. After nine uses or one year, your URL will expire and a new purchase will be necessary to continue with updates. Gallery updates will always be available from that same URL. Thus, the URL can be used for the initial download, plus eight updates within a year of your purchase. Be sure to save your URL in a safe place, as it cannot be retrieved if lost. If you have trouble receiving your URL after purchase, please ensure 1) that your payment has cleared with PayPal, and 2) that messages from E-Junkie.com are not being caught in your spam filter.
System Requirements
TTG Horizon requires Lightroom 2.x or greater.
Windows users should have installed Internet Explorer 7 or above, regardless whether IE is their primary browser.
Changelog
- v1.2 ( 2010-06-10 )
- Added support for LR3 watermarking.
- v1.1 (2009-10-25)
- Fixed header background-color bug when using Fixed Header Width.
- Default Menu settings now coincide with use of TTG Pages.
- Menu alignment defaults to ‘center’.
- Revised font handling; added font stack presets.
- Changes to gallery description appearance and controls.
- Added separate padding sliders for Page Navigation bar.
- Added slider for rounding image corners.
- Now includes Template presets coinciding with those in TTG Pages.
- UI Changes: Moved Javascript controls into Color Palette pane, which was previously empty.
- Now generates thumbnail images for use with TTG Auto Index and TTG Pages; thumbnails are not used by TTG Horizon.
- Fixed several XHTML/Strict validation errors.
- Other minor bug fixes, tweaks and cosmetic improvements.
- v1.0 (2009-09-01)
- Initial release.
{ 63 comments… read them below or add one }
Hi – just trying this out now – basically, it works very well.
However, the copyright watermark is only appearing on some of the photos. Doesn’t seem to have any pattern – some images have it, some don’t.
Any ideas ?
Thanks, F.
Restart Lightroom.
Great!
Only problem is that when i’ve chosen to upload the gallery it doesn’t get uploaded to my server.
Any idea for a solution anyone?
Export to your desktop. Upload to your server manually using an FTP client. Lightroom’s Upload capability is unreliable at best.
trying to build my site and it seems every where i am stuck….Now I downloaded TTG Horizon demo and trying to test it as my Home page (ttgpages 3.1 purchased) but it seems Horizon demo edition is not available in selection in ttgpages? Can you please clarify?
Well I bought the product but still its not available to be selected in ttgpages? Appreciate you help…
This is my website home page where I want to add Horizon!!
http://www.starinnovative.com/ttgpages/
@Prakash Heda
Prakash,
TTG Horizon is not a Flash gallery, and cannot therefore be embedded into the Home or About page of TTG Pages.
It is a full HTML gallery, and should be installed into the gallery index.
Hi Matt,
I’m building a site mainly based around TTG Pages. However, I want to have a page with the exact same Menus but with a Horizon gallery underneath. I’m sure it must be possible to take a page from Pages and drop the Horizon underneath but I’m not very good and I can’t get this to work. So, I have rebuilt the replica Menus in the Horizon module (Demo version). This is all fine but for one small problem. My Header has a different colour than the main Page background and it has an ID plate on top. In Pages the Header colour extends 100% across the page and with the ID plate X coordinate on zero, it sits nicely from the right of my fixed header width. But in Horizon, the Header colour only extends the width of the fixed Header width, leaving Page colour to the left and right?
Does that make any sense? Any ideas?
Thankyou for your remarkable patience.
Simon
Yep, it’s a bug in the header that I only discovered recently and fixed in TTG Highslide Gallery and TTG Pages. I haven’t gotten to update TTG Horizon with the fix, though. Next version.
Simon, I am looking exactly for same setup, can you share your findings how you did that?
I have both Horizon as well as ttgpages, but I am no web guy…
Hi Matt, any time frame on the next version Horizon? Or is there something I can tweak in the html? I’m really fixed on this design now. Thanks Simon
Prakash, I’m not really sure want your question is? I’ve just designed some pages/header/menus in TTG Pages. Then in Horizon, I have made the same header and menus, so I can export a page with the same look but with the Horizon gallery. After that it is a case of getting all the menus hyperlinks directed to the correct URL’s. I haven’t really got that far yet and I’m no web designer either, but you can either do it in the boxes under the menu items within the TTG modules or else open the .html files in a text editor and change the link addresses. Hope this helps. Simon
@Simon
Finally it worked for me…i am not using ttgpages, I created main site with horizon and then created autoindex page from ttgautoindex and then just pointed horizon main page to index.php in autoindex folder…voills so simple….but it took so much time to figure that out, cause I though ttgautoindex only works with ttgpages and ttgstage, horizon can be used as subgalary in ttgautoindex….simple myths you know….
Matt,
On iphone only doubleclick starts auto image sliding, and there is no way to stop on a particular image (pause), do you thing finger sliding could be implemented here? like elegance has?
I would have to look into it. You can stop on the iPhone, though, by tapping in the center of the image bar. You just have to be precise. The gallery was never actually designed for the iPhone — it just happens to work pretty well there.
But the iPhone thing is something I mean to investigate further, after I clean up a few other things.
This is really nice!
I think it’s missing an optional thumbnail pop-up for quicker browsing :O !
Great design though!
hallo,
is it possible to display the filename ?
I’d like to try this new look to show a set of pictures and the user can note the picture name and send me an email
best regards
Marc
@labro
No, the gallery does not support captions, metadata or EXIF data display. There is no place to show such information.
Rather, TTG Horizon is a gallery embracing simplicity, the opposite of some other TTG galleries.
hallo,
I have just seen simpleviewer autoviewer. It has captions with texts.
Can’t we imagine horizon too ?
Don’t think I push for texts in any case but I notice that very often people (family, friends,…) say “please print me the 17th image of your galery”…
So, even only filename helps in my case. otherwise adding “children playing in the garden” is boring to write so i don’t, just look the picture to see what it deals with.
best regards
marc
Hi I’m trying the demo version of Horizon, but I can’t figure out how to seperate out images into each Menu item? Thanks. Bernard Walsh
@Bernard Walsh
Sorry, I don’t follow. What are you trying to do?
@theturninggate
Say I have images that need to be placed under different menus? Do I need to save the first page with a collection of images and then start the process over for each collection and then point the menu towards them using an url? I’m sorry but I’m not very good at the technical terms.
@Bernard Walsh
You will need to create a separate gallery for each group of images. You may then create menu links to each gallery, but that would require a lot of maintenance as you expand your number of galleries. Instead, I would recommend using TTG Auto Index to create an index of your galleries, or TTG Pages which includes a gallery index.
The auto index automatically updates when you add or remove a gallery, and so you will never need to update your menu links for gallery changes.
Hi,
I am working with the horizon demo.I uploaded a website in my own website. The scroll (pagination) is very slow on my pc with Firefox. I set the speed up to 10, but it stays very slow. But not with Iexplorer. The example site (http://matthewcampagna.com/) seems to works fine with Firefox. What am I doing wrong?
My website http://www.ridderus.nl
Thanks…
Ridder
I don’t see Horizon installed on your website, and cannot therefore observe the behavior.
Hi, I have uploaded the Horizon website on my website now
Maybe you can see what goes wrong..
Thanks
I had a look. The scrolling seems normal to me. No problem at all.
Hi,.
What browser did you use?
Firefox/Mac.
okay thanks, I quess the problem has to do with my pc or something…:)
Happy new year….
Is it possible to make the images be continuously moving (adjustable speed) and have them stop when whenever the mouse moves over them? I would like to avoid using Flash to create this effect and still be able to use Lightroom.
The script I’m using supports no such thing. Sorry.
is it possible to add a script to Horizon so that when you mouse over an image it shows a caption or title in a floating box?
Thanks
Hi JB,
That’s a solid maybe. Not sure whether such a thing would interfere with the scrolling. I’ll look into it at some point in the future, but I’m staying busy working on other projects right now and TTG Horizon isn’t scheduled for an update until I get these other things off my plate.
Hi there,
Wil there be a possibilty for a download protection for the photo’s in Horizon?
(or maybe i can’t find it)
Thanks..
Ridder
Hi Ridder,
Please see the last question in the FAQ.
Hi,
Is it possible to restrict the width of Horizon Gallery in pixels rather than percentage (so I can match it with Header Width). Can I tweak this in HTML and/or is this something that might feature in an update? Many thanks, Simon.
It’s not possible to do in LR, and is not something I plan to change about the gallery. The percentage width is a better fit for most cases, and is the only way to ensure the 100% screen width in designs. You can change this in an exported gallery by editing the CSS.
Please read the EULA before attempting to make changes.
Hi. Do you do any of your galleries for Wordpress?
I have my iste built in wordpress and really like the galleries you do, but it does not implement on my site.
TTG galleries do not currently integrate with Wordpress. The best option is to store galleries in a separate location on your server, and to create hyperlinks from your blog to the galleries, and from the galleries back to the blog.
Hello,
was just looking more deeply into the generated web-page. It seems that whatever option I choose for img in the “Image Info” panel in LR, it still generates alt=”nil” in the webpage.
I have tried a number of different options, including filename, but always with the same result.
Can you have a look at this ?
Thanks, Frank
No Comment – is it just me ?
I’m busy. I haven’t looked into it yet.
The alt tag for the source HTML should be alt=”$image.metadata.alt”.
Thanks – didn’t even know I could edit that. A bit of searching and trial and error got me to the right file. It works fine now.
I can also see other possibilities for tweaking the generated HTML.
Yes, but technically speaking, you’re not supposed to do that.
Hello,
I just created a gallery with the demo version but when I view it with my iPhone there is no way that I can scroll the pictures. I checked your demo gallery and it is OK, so what did I miss ?
It might help if I gave you the URL to my gallery
http://www.fcaille.fr/galleries/Kruger_2010/
It works just fine on the iPhone. There’s no visual indicator for the actions, but you can scroll the gallery left or right by tapping either side of the filmstrip. To pause the scroll, tap center.
I just bought this today. Really like it so far however, if lets me select to have labels which I wanted the filename so my client could tell me which photo they want. However no labels show up, no filenames etc. Whats up?
If you are referring to the Labels option under the Image Info control pane, this is used to embed text for each image into the source code, primarily for the purposes of search engine optimization. This information is not displayed in any visual way on the page. TTG Horizon is not capable of displaying image titles or captions. If you’d like to create client proofing galleries, I have separate products for that purpose. TTG Horizon is strictly for use as a portfolio gallery, to display images and nothing more.
Do you have a gallery that is similiar to this one but shows image names. I love the style of this gallery I just wish you could show image numbers.
Hi Matthew
Your Horizon demo shows a functioning email box … but I can’t find how to install this.
There does not seem to be a form to form email page in the web engine.
I am not much good at this stuff so I am sure to be doing something wrong – but I would be glad of a little help.
Thanks
Mike
Hi Mike,
The Contact page is not a part of TTG Horizon. That page was created using TTG Pages.
Cheers,
Matt
Hi,
i am having trouble getting the image sequence showing up on the horizon gallery. i want people to be able to easily see ‘1 of 7′ so they can email me a selection.
this seems to show on hover in lightroom but not when live on my website, it would be better if it was attached like on some of the other galleries
cheers
TTG Horizon is all about simplicity. Captions are not supported. Note that there are no captions in the demonstration gallery, nor is captioning listed as a gallery feature. If you want to use galleries for client proofing, there are separate products for that.
Hi Matt
I need to publish images that are longer than 1000px from LR3. Your gallery has a max value of PhotoWidth of 1000px. Is any way to increase this value?
Thank you for your kind support
It would have to be done in an update. I’ll keep it in mind the next time I’m working on Horizon.
Hi, I was using Horizon today and thought it was odd that the footer is restricted to 1000px which means you can’t match it to TTG Pages?
TTG Horizon is still using an older version of the footer compared to TTG Pages.
Hi
I want to embed the horizon gallery into a html page within my website. Is there a way that the page background can be transparent?
I would like to use the horizon gallery as one of my website pages, however, would like to incorporate a body background image and my nav menu to maintain consistency. Can I customize the page to this and could you please point me in the right direction.
LOVE the design
Hi Maryellen,
I’m glad you like the gallery design.
To make such changes, you would need to edit the code manually after exporting. If you’re at all familiar with web-design, this should not be difficult to do. If you need them, basic HTML and CSS tutorials should be easy to find online.
Cheers,
Matt