Lightroom-Blog.Com

Tuesday, July 29, 2008

LRB HScroll Web for Lightroom 2.0


Stemming from the original Hscroll gallery that I published on Lightroom-Blog, I sat down and pondered about how one would go about the creation of an entire website from within Lightroom. In truth it’s not easy to do, but with a simple amount of preplanning and a fixed number of images per gallery, I’ve implemented a way to do it. Obviously this is a version 1.0 gallery, and I’ve already started to consider how to improve it further, but as Lightroom 2 has just been released, it’s time to get this out there. (Just to clarify I mean this is version 1 of this gallery, but it's for Lightroom 2 as it uses new features only available in LIghtroom 2-if there is enough interest, I could remove these and rewrite the photoSizes code).
Obviously doing this takes time, so if you find this useful, please use the Donate button on Lightroom-Blog.com. Being on the net and using bandwidth isn’t free, so anything that comes back will help offset this cost!(I'll also send on a version of the gallery minus the LRB link!)

HSW needs some basic preparation. First decide the number of images you want in a gallery to show your work. In portfolio terms 20 is huge, so it makes a good number to start with. Set the Images per Gallery slider in Appearance to 20. Next decide on the number of galleries and use the tick boxes to select that number. If you select 6 with 20 imags each, you then need 120 images in a collection to create the website. Use the collection to sort the images into the order you want them in on the website. Remember to work each set in the Images per gallery number.


error.jpg

If you see this, it's because you didn't read the section above and don't have enough images selected. Images per gallery X Number of galleries= The required number of images.

Use the Site info section to name the galleries, and set the text on each page. You can also change the names that appear in the menu itself. I recommend leaving the .html files as is, unless you want to specifically rename them yourself.
HSW assumes you will use a minimum of 3 galleries. If you use less it will break currently (due to the way images are assigned to the Home, About and Contact pages). I'm considering a random script that will show a random photo on the home, about and contact pages.
This is also the first time I've created a basic Readme, so go easy on me. As well as leaving comments, I've started at thread over at Lightroom Forums.

Download | Sample | Install Instructions | Readme PDF

Labels: ,

28 Comments:

  • This is amazing. I allready have a site, but you've really shown what you can do with LR galleries here. Nice...

    Gavin
    seimeffects.com

    By Anonymous Seim Effects, At 4:18 PM  

  • Sean, I LOVE it!

    By Blogger Melissa, At 2:21 AM  

  • :blush:

    Thanks Melissa

    Now you know why Andy Rahn avoids my emails..

    j/k

    I've actually spend most of today trying to find an effective way of add a large watermark overlay.
    The basics are in place, but I'm pretty sure the current method is a lost cause..

    By Blogger SeanMcC, At 2:28 AM  

  • Sean, one idea to choose images for your home, about, contact pages is to allow an index number. I.e., if you have 3 x 5 images, or 15, you could choose an index of 1 to 15 for each image. If a zero is input, you could just use the first three or a random image.

    btw, looks really nice!

    David.
    http://outdoorimages.blogspot.com

    By Blogger Outdoor Images, At 12:07 PM  

  • Sean,

    I have every major browser known to mankind on my desktop (well, four of them, anyway.) This package seems to behave in all of them. THAT is an accomplishment. Well done.

    By Blogger Nickname unavailable, At 4:46 AM  

  • This looks really nice!! I`m gonna take a look at this as soon as I`m leaving the office today!

    I`m happy now! :)


    Rob - Norway

    PS! My homepage doesn`t work yet.

    By Anonymous Robert, At 9:59 AM  

  • Are web gallery free?

    By Anonymous Anonymous, At 3:23 PM  

  • Are the web gallery's free?

    By Anonymous Anonymous, At 3:25 PM  

  • Hiya

    Just attempted to use the HScroll gallery and I get this appearing in the preview window

    '?:0: attempt to index a nil value'

    Any ideas how i can rectify this. Many Thanks

    Paul

    By Anonymous Paul A, At 6:42 PM  

  • Paul,
    I've seen that with export plugins, but never with this. Any more details?

    By Blogger SeanMcC, At 1:00 AM  

  • Hi Sean

    It appears to be ok with a new catalog. But if there is any way I can sort this in my current catalog I would be grateful. Here is a link to a screen grab of what appears in the preview window

    http://www.padams-delivery.co.uk/pic.jpg

    Cheers

    Paul

    By Anonymous Paul Adams, At 11:52 AM  

  • Paul,
    You need to have the correct number of images in the gallery.

    from the instructions above:
    "HSW needs some basic preparation. First decide the number of images you want in a gallery to show your work. In portfolio terms 20 is huge, so it makes a good number to start with. Set the Images per Gallery slider in Appearance to 20. Next decide on the number of galleries and use the tick boxes to select that number. If you select 6 with 20 imags each, you then need 120 images in a collection to create the website. Use the collection to sort the images into the order you want them in on the website. Remember to work each set in the Images per gallery number. "

    By Blogger SeanMcC, At 12:06 PM  

  • I use a Windows PC and have run into that problem before with a TTG Web Gallery. I had to edit the .html page in my Web Gallery before uploading and change the $metadata tag to a tag enclosed in the less than - percent - equals and close with the percent - greater than (didn't know if the characters would post in the text). Since other's haven't noticed the problem, it may work fine in a Mac. Try that on line 55.

    It may have to do with the $ tag being in between the html tags (div).

    By Blogger Outdoor Images, At 12:11 PM  

  • There is no Line 55 Dave.
    And both tags are equivalent.

    I've also removed them from later versions altogether.

    By Blogger SeanMcC, At 4:56 PM  

  • I've also done a check and the page Paul is seeing is the one I get when there are not enough images selected.

    By Blogger SeanMcC, At 6:08 PM  

  • Excellent resource - particularly to someone who has trouble getting head around anything more contemporary than a fixing bath.

    Can I assume that the single pics to illustrate the home/about/contact pages are first/second/third in order in the relevant collection?

    Many thanks for your time, past and present. Dick Kenny

    By Anonymous Dick Kenny, At 10:48 AM  

  • Sean
    I have installed the gallery in LR2 demo.
    The first page has a panel full of codong and some bits are missing, also only 1 gallery works the rest have white boxes with coding.
    Mac OSX tiger.

    David

    By Anonymous David Aspinall, At 8:39 AM  

  • As per others here: you don,t have enough images selected.

    By Blogger SeanMcC, At 12:20 PM  

  • Sean,

    Just an idea, you seem to have a bunch of folks that don't select enough images to start with.

    Matthew at TTG had a great idea with his templates and used to put the top section as notes.

    You could add a note to the top that indicated the minimum number of images to select, otherwise you get an error. Make sense?

    David.

    By Blogger Outdoor Images, At 1:30 PM  

  • As distinct from people reading the page that introduces the item?
    As someone who's written a manual for a gallery, that's a rather ironic statement David ;)

    By Blogger SeanMcC, At 2:16 PM  

  • Yes! it is ironic. Our problem has been 1/2 the forum questions are answered in the manual too! Even with a quickstart guide, we get the same questions over and over.

    Besides, I'm one of those that wants to start it up and see what it does!

    btw, it really is neat.

    Cheers!

    By Blogger Outdoor Images, At 2:33 PM  

  • I've added a section to the post above.. And I'll add it to the readme, but the right panel is already full of stuff and I hate adding more.

    By Blogger SeanMcC, At 2:40 PM  

  • Sean, I have the same problem of Paul. I have a Collection with 30 imagens selected, anda I set the "Image per Gallery" to 15, what's wrong?

    Thanks!

    By Anonymous Luiz Aguiar, At 4:53 AM  

  • Luiz, by default there is 3 galleries, so you need 45 images. The home page uses the last image in the gallery.

    By Blogger SeanMcC, At 9:24 AM  

  • I should mention I'm working on LRB Portfolio, a far more customisable version of this gallery which adds control over the images used on the non gallery pages, and full colour control and menu/id plate location control.

    By Blogger SeanMcC, At 9:56 AM  

  • Hi Sean
    After my mistake in using not enough images and not reading your instructions I have it working fine.
    Is there any way of using a language other than English in the about page, when I upload Spanish all the accents are wrong.
    Also is there a way that I can change the words Home about and contact to Spanish.
    I think the site looks great and whilst the new site you are developing is customisable I think this gallery looks stronger.
    Thanks for all your time.

    www.conchar.eu is my first try.

    All the best

    David Aspinall

    By Anonymous David Aspinall, At 7:18 PM  

  • Maybe I am missing something but is there a way to add multiple lines of text on the about page. Thanks

    By Anonymous Anonymous, At 2:37 PM  

  • First up, this has been deprecated with the advent of LRB Portfolio.

    Use the HTML br and p tags to create new lines and paragraphs.

    By Blogger SeanMcC, At 3:32 AM  

Post a Comment



<< Home