Luminous Landscape Forum

Raw & Post Processing, Printing => Adobe Lightroom Q&A => Topic started by: TedK on February 17, 2007, 03:11:52 am

Title: Lightroom web gallery
Post by: TedK on February 17, 2007, 03:11:52 am

I have my site built in dreamweaver, with an index page for the gallery, and a table to insert it into.
I cannot figure out how to get it there. I'm sure there must be something simple that I am missing. Any help?
Thanks, Ted

Title: Lightroom web gallery
Post by: john beardsworth on February 17, 2007, 03:57:55 am

Quote

I have my site built in dreamweaver, with an index page for the gallery, and a table to insert it into.
I cannot figure out how to get it there. I'm sure there must be something simple that I am missing. Any help?
Thanks, Ted
[a href=\"index.php?act=findpost&pid=101332\"][{POST_SNAPBACK}][/a]

Is your question about Dreamweaver or Lightroom? Or both. Say more about exactly what you are trying to do.

Title: Lightroom web gallery
Post by: TedK on February 17, 2007, 04:30:39 am

The light room gallery is pretty straight forward, and I have a it set up the way I want. When I export the gallery, it has a content folder, resources folder, and an index.html file. I'm not sure what to do with them. I want to end up with a page that has my logo, home, about, contact, gallery buttons etc.,(which is in place) with the lightroom gallery below, set into the space/table I set aside for it. I don't know how to get it in there. I tried uploading the gallery directly to my site, and that did not work, but even so, I'm not sure where it would end up. I need to import it into the dreamweaver table, I think. I'm not sure how the Lightroom gallery is designed to be used on the web. I guess I could try a dreamweaver forum, but I don't know if anyone would know much about lightroom. Sorry, I'm a new at this.

Thanks, Ted

Title: Lightroom web gallery
Post by: john beardsworth on February 17, 2007, 04:38:36 am

Quote

The light room gallery is pretty straight forward, and I have a it set up the way I want. When I export the gallery, it has a content folder, resources folder, and an index.html file. I'm not sure what to do with them. I want to end up with a page that has my logo, home, about, contact, gallery buttons etc.,(which is in place) with the lightroom gallery below, set into the space/table I set aside for it. I don't know how to get it in there. I tried uploading the gallery directly to my site, and that did not work, but even so, I'm not sure where it would end up. I need to import it into the dreamweaver table, I think. I'm not sure how the Lightroom gallery is designed to be used on the web. I guess I could try a dreamweaver forum, but I don't know if anyone would know much about lightroom. Sorry, I'm a new at this.

Thanks, Ted
[a href=\"index.php?act=findpost&pid=101344\"][{POST_SNAPBACK}][/a]

I know both programs well. What you're trying to do isn't for beginners - apart from anything else, LR's gallery uses newer technologies than are in DW. At present the gallery is designed for standalone use, and you'd be better off placing it in a subfolder of your web site, and simply doing a link from your main page to that folder.

John

Title: Lightroom web gallery
Post by: TedK on February 17, 2007, 04:52:42 am

Quote from: johnbeardy,Feb 17 2007, 02:38 AM

I know both programs well. What you're trying to do isn't for beginners - apart from anything else, LR's gallery uses newer technologies than are in DW. At present the gallery is designed for standalone use, and you'd be better off placing it in a subfolder of your web site, and simply doing a link from your main page to that folder.

Thanks John,

Here is a link to Sean McCormacks website. This is similar to what I want to do. Although I am new at this, I getting help from a friend who has designed several sites with dreamweaver, and she cannot figure it out. If you have some advanced technical advice, I'd love to receive it and pass it on to my friend.

Cheers, Ted

Title: Lightroom web gallery
Post by: TedK on February 17, 2007, 04:53:40 am

Quote from: TedK,Feb 17 2007, 02:52 AM

Quote from: johnbeardy,Feb 17 2007, 02:38 AM

I know both programs well. What you're trying to do isn't for beginners - apart from anything else, LR's gallery uses newer technologies than are in DW. At present the gallery is designed for standalone use, and you'd be better off placing it in a subfolder of your web site, and simply doing a link from your main page to that folder.

Thanks John,

Here is a link to Sean McCormacks website. http://www.seanmcfoto.com/newlandscapes/co..._051_large.html (http://www.seanmcfoto.com/newlandscapes/content/Connemara_011006_20D_051_large.html)      This is similar to what I want to do. Although I am new at this, I getting help from a friend who has designed several sites with dreamweaver, and she cannot figure it out. If you have some advanced technical advice, I'd love to receive it and pass it on to my friend.

Cheers, Ted
[a href=\"index.php?act=findpost&pid=101348\"][{POST_SNAPBACK}][/a]

Title: Lightroom web gallery
Post by: john beardsworth on February 17, 2007, 06:20:53 am

I know Sean's site and he and I have experimented along the same lines - he's done a brave job, while I decided against putting further time into an overcomplicated task while the software was beta. I've told Adobe that I feel the web solution is misguided and I'm sure they are listening.

My advice remains to use the built in presets, generate a gallery, and put it in a link from your main site. But if you want to plough on, point your friend to Sean's Lightroom blog where there are 2 or 3 posts - look out for where to get the JardinePro template. However, you will be dealing with a lot of XML and XSLT and there's a lot of trial and error in the work.

John

Title: Lightroom web gallery
Post by: 61Dynamic on February 17, 2007, 11:26:51 am

John,

I haven't had a chance too investigate XSLT since I wanted to wait for the final release before tackling it. When I read John Nack's post on it it seemed like a unnecessarily complex way to output simple XHTML.

What are your and Sean's impressions of it? Is it as strait forward as XML or is it fairly abstract?

Title: Lightroom web gallery
Post by: seanmcfoto on February 17, 2007, 11:52:17 am

Fairly abstract.
I should apologise for my galleries in their current state. They've gone through numerous revisions and in some cases I missed a little bug in the linking on some of them, which I later corrected. I've been so busy recently, that the time to simply run the appropriate collections through the template, has not been available.
Today was spent hosting and participating in a Distinctions workshop for the IPF for my Associateship panel, so even free days aren't really free!

I will have some generic templates done, once I can figure out 2 things, If I can get the appropriate help, I'll gladly pass on the information.

Title: Lightroom web gallery
Post by: john beardsworth on February 17, 2007, 11:57:44 am

Daniel

XML/XSLT is another league of difficulty up from pure XML, which is a step or two up from the HTML/CSS that a lot of LR users will have tried hacking. Also the available XML/XSLT editors like Oxygen and Altova are techy-oriented development tools, not simple report writers. Sean, though reasonably savvy, hadn't touched XML/XSLT before and did his template using a text editor, hacking a copy line by line and with lots trial and error.

So while many people can hack iView style HTML/CSS templates, and a few can hack XML into Simpleviewer etc, very few will scramble up the learning curve to customize LR templates (LR's web presets are just variations of colour and layout of two templates). Typical LR users are going to depend on professionals writing new templates for them, or wait until new more user-friendly editors evolve.

There is a lot to be said for XSLT, and I have worked with it professionally - taking XML output from financial systems. I use it a little with iView too. So I am not against the technology. But as I say, in LR I think it's a misguided solution and I have been talking along these lines to Adobe. IMO what the target market needed was something more like iView, Portfolio, CS2, Breezebrowser - essentially a flexible token-based web gallery feature.

John

ps As an aside, I found it more productive to output a Flash gallery from LR (it's the Adobe Media Gallery) and strip out the images and data. With this empty shell (just folders with the swf movie and resource files), I then scripted iView to generate the images and populate the XML data.

Title: Lightroom web gallery
Post by: TedK on February 17, 2007, 01:51:23 pm

Thanks for the feedback. Sounds overly complicated to achieve this. I guess we will have to wait and see what is new in Version 1.0 to address this. If I set up a link to a stand alone Lightroom gallery, is there a way to get back to the home page? or is the user stuck there. Seems to me that you would be stuck there, which is not what anyone would want.

Cheers, Ted

Title: Lightroom web gallery
Post by: john beardsworth on February 17, 2007, 03:06:56 pm

There is a web or mail link

John

Title: Lightroom web gallery
Post by: 61Dynamic on February 17, 2007, 03:28:11 pm

John & Sean,

Thanks for the view points. I was afraid that would be the case and it appeared that way as well when I looked over the brief tutorial. It's a shame my suspicions had to be confirmed.

While I don't doubt the XLST approach can offer considerable flexibility I see it as case of over-engineering a simple problem. Kinda like requiring a degree in astrophysics just to operate a lathe. Something simple is all that's needed. I think letting us provide our own XHTML based templates with a series of tags to tell LR where to fill data would be the ideal solution. Like this:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head profile="http://gmpg.org/xfn/11">
    <title>LR Gallery</title>
</head>
<body>
    <div id="galleryContainer">
        $gallery$
    </div>
</body>
</html>

Better yet, let us provide a template that LR will use to generate the content (like above) but keep it separate from what's used in the preview. This way server-side scripting can be included in the output. A separate and static template page could then be used for the preview.

Heck, they could still keep XLST as an option for advanced users too.

Whatever path they choose, hopefully Adobe will implement a simpler solution soon. In the mean time, I'll just have to bust out my text editor and wade through it...

Title: Lightroom web gallery
Post by: seanmcfoto on February 17, 2007, 08:02:10 pm

I was delirious with fever and food poisoning when I figured it out
10 days of bed confinement helped.

Title: Lightroom web gallery
Post by: seanmcfoto on February 18, 2007, 12:32:37 am

Quote

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head profile="http://gmpg.org/xfn/11">
    <title>LR Gallery</title>
</head>
<body>
    <div id="galleryContainer">
        $gallery$
    </div>
</body>
</html>

[a href=\"index.php?act=findpost&pid=101411\"][{POST_SNAPBACK}][/a]

Except you miss a very vital point: there are 2 page types to most galleries, the index page(s) and the media pages. Even iView has two page types to hack. I've not done any iView scripting though.

I have a modification of the simple one Andy shows with an image scroller and a menubar. Basically it's a single page gallery that has a center section with the images available to scroll through.

2 things I'll work on when I have time: Adding the ID plate and making a way to set your own menubar names and links. I have a rough idea on the second, but never tried and as for the first, I just can't find exactly the right combination of the Model/VBox/Bindings to make the ID plate work. If you want to look at it I'll post it in my Blog. Let me know.

Title: Lightroom web gallery
Post by: 61Dynamic on February 18, 2007, 04:22:59 pm

My code example is just to get the point across and not to be thorough.

I'd love to check out what you got when you have time to post it. I'll be getting LR Monday and I have some time (and the need) to dedicate to this.

Title: Lightroom web gallery
Post by: seanmcfoto on February 18, 2007, 05:34:07 pm

Quote

My code example is just to get the point across and not to be thorough.

I'd love to check out what you got when you have time to post it. I'll be getting LR Monday and I have some time (and the need) to dedicate to this.
[a href=\"index.php?act=findpost&pid=101539\"][{POST_SNAPBACK}][/a]

Using Andy Rahn's simple code you can extrapolate a page to look like a web page easily.:
This is the transformer.xslt file

<?xml version="1.0"?>
<xsl:stylesheet
    version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
>

    <xsl:output method="xml" indent="yes"/>
    
    <xsl:param name="siteTitle" select="/photoCollection/display/metadata/siteInfo/@title" />
    
    <xsl:template match="photoCollection">
  <files>
      <!-- copy source xml to a file for ease of development -->
      <file name="source.xml">
    <xsl:copy-of select="/" />
      </file>
      <!-- A ultra simple index page -->
      <xsl:call-template name="index.html" />
  </files>
    </xsl:template>

    <!-- Generate an index page -->
    <xsl:template name="index.html" >
  <file name="index.html">
<html>
    <head>
  <title><xsl:value-of select="$siteTitle" /></title>
    </head>
    <body>
  <ol>
      <xsl:for-each select="samples/img">
    <xsl:call-template name="indexImage" />
      </xsl:for-each>
  </ol>
    </body>
</html>
  </file>
    </xsl:template>
    
    <!-- Add one image to the list -->
    <xsl:template name="indexImage">
  <xsl:param name="path" select="rendition[@size='thumb']/@path" />
  <li><img src="{$path}" /></li>
    </xsl:template>
</xsl:stylesheet>

In the head you can call a CSS file that you link to in a file called gallery.xml

<gallery>
    <amgVersion>0.5</amgVersion>
    
    <filePath>mycss.css</filePath>
</gallery>

The filepath will link to this. Include any images etc, using the filepath tag.

To put the images in line remove the li and ol tags in the above.

You can build your own web template around this to start.
I'll upload my scroll template when I get home.

Title: Lightroom web gallery
Post by: TedK on February 19, 2007, 04:21:37 am

I just downloaded and fired up V1, and the html web gallery seems to provide links to my homepage and email. This is great news. I should be able add a link to the lightroom gallery from my website and be able to link back. This will at least get me going. I don't know if the html code is editable in dreamweaver, but will explore this.

In library mode, many of my shoots have changed names from what they were to the canon camera file names. I'll have to go in a rename many of my shoot or folders. Other than that, the program looks very good.

Cheers, Ted

Title: Lightroom web gallery
Post by: john beardsworth on February 19, 2007, 04:25:41 am

Quote

In library mode, many of my shoots have changed names from what they were to the canon camera file names. I'll have to go in a rename many of my shoot or folders. Other than that, the program looks very good.

Not sure what you mean here. Shoots were abolished, and thankfully you now see real folders. Your old shoots are in keywords. Say a bit more about the problem if you want - I've been working with beta5/v1 for quite a while.

John

Title: Lightroom web gallery
Post by: TedK on February 19, 2007, 04:29:48 am

Quote

Not sure what you mean here. Shoots were abolished, and thankfully you now see real folders. Your old shoots are in keywords. Say a bit more about the problem if you want - I've been working with beta5/v1 for quite a while.

John
[a href=\"index.php?act=findpost&pid=101631\"][{POST_SNAPBACK}][/a]

I do not see real folders. I see what looks like shoots renamed. I can email you a screen shot. Send  me your email address.
Ted

Title: Lightroom web gallery
Post by: TedK on February 19, 2007, 04:35:54 am

Quote

I do not see real folders. I see what looks like shoots renamed. I can email you a screen shot. Send  me your email address.
Ted
[a href=\"index.php?act=findpost&pid=101632\"][{POST_SNAPBACK}][/a]

kuzemski@shaw.ca

Title: Lightroom web gallery
Post by: 61Dynamic on February 19, 2007, 04:48:33 pm

Ted,

It sounds like what I experienced. What you are seeing are the folder names. In LRb4 they had different names than the actual folders. Since LRv1 abolished the "Shoot" concept and gone to folders it is showing you the folder names as they actually are.

You'll probably have to re-organize allot of images and re-name folders as I did, but it will result in things being consistently organized in and out of LR.

Title: Lightroom web gallery
Post by: sbressler on February 19, 2007, 08:38:07 pm

Reorganizing my folders took a little while (and even more time for Lightroom to chug along...) but now it's all working just fine.  Grouping my shots into stacks of 2 seconds took even longer (duh), but v1.0 is awesome so far.  Anyway, to stay on topic, I'm desperately seeking some new templates (beyond just different colors), so if you guys come up with anything, I'd love to see!  Unfortunately, I don't think I have the time to delve into XML/XSLT, seeing as how I don't even have experience in XML.

Good thread so far

Title: Lightroom web gallery
Post by: john beardsworth on February 20, 2007, 01:10:36 am

Ted

Do you know you can click the little plus to the right of Folders, and specify the next level up from your folders - eg Pictures/Raw Files. LR then gathers all those folders under Raw Files.

John

Title: Lightroom web gallery
Post by: TedK on February 20, 2007, 03:46:17 am

Quote

Ted

Do you know you can click the little plus to the right of Folders, and specify the next level up from your folders - eg Pictures/Raw Files. LR then gathers all those folders under Raw Files.

John
[a href=\"index.php?act=findpost&pid=101831\"][{POST_SNAPBACK}][/a]

Thanks John,
I'm not exactly sure what you mean, but I will experiment with it. A dialogue box comes up that says choose. What am I choosing, and how does it help me? I am definately ordering the LL tutorial!
Cheers, Ted

Title: Lightroom web gallery
Post by: john beardsworth on February 20, 2007, 03:49:21 am

Ted

I see a long list of folders which I assume are subfolders of another. By clicking the plus, and specifying that other one, you make LR group those subfolders under their parent.

John

Title: Lightroom web gallery
Post by: TedK on February 20, 2007, 03:50:15 am

I'm also wondering, why do some of my shoots (folders) show up with the text highlighted in red? And the majority are white?
Ted

Title: Lightroom web gallery
Post by: john beardsworth on February 20, 2007, 03:52:27 am

Because they've gone fishin' - LR doesn't know where they are. Have you renamed them outside LR, for example?

John

Title: Lightroom web gallery
Post by: TedK on February 20, 2007, 04:01:12 am

Quote

Because they've gone fishin' - LR doesn't know where they are. Have you renamed them outside LR, for example?

John
[a href=\"index.php?act=findpost&pid=101856\"][{POST_SNAPBACK}][/a]

yes! and thanks!

Title: Lightroom web gallery
Post by: TedK on February 20, 2007, 04:14:56 am

Back on topic. sort of. I'd  like to say that the biggest thing that I have noticed, and it may not be new,  is that the flash galleries have the ability to resize themselves depending on screen size, resolution, etc. The html gallery is stuck in what ever size you choose.

The html gallery has 2 links built in to it, one for your home page, and one for contacts or email, where as the flash gallery has only one link built in to it. Your choice, home or contact. I personally like the paginated option in flash, as it offers the most flexibility for large galleries. The html gallery gives a nice large area for your logo, but the flash limits you to a small area that your logo will not fit. Bummer. I guess they can't think of everything.

I would love to know if the galleries themselves are now able to be easily imported into dreamweaver, much like the photoshop galleries are.

Cheers, Ted

Title: Lightroom web gallery
Post by: john beardsworth on February 20, 2007, 04:17:57 am

We're full circle here....

Title: Lightroom web gallery
Post by: 61Dynamic on February 20, 2007, 11:24:08 am

The non-flash galleries can be brought into Dreamweaver after they have been exported if you want to tweak further. They are after all simple HTML pages.

Title: Lightroom web gallery
Post by: lobsterboy on April 13, 2007, 02:28:34 pm

I have been experimenting with creating web galleries in Lightroom.  If it is of interest I have created A blog entry on how to get started with the lightroom gallery system (http://www.shepherdpics.com/Blog/2007/04/creating-web-gallery-templates-for.html).

Hope it is of interest.
Chris

Title: Lightroom web gallery
Post by: ixplorer on May 03, 2007, 01:45:00 am

All i do is upload my Flash galleries direct to my FTP ... then go back to DWVR and hit refresh on the remote folder end... the folder is visible... and pull it back down into DWVR... then link to it where needed.

I wish the flash function was faster in LR and I also find I have to hit reload and users do too on galleries when opening them as them seem to stall. 30 or so images isnt much. But seems to slow LR right down.

Would love to be able to customise my FLA galleries if anyone knows how... and I use FLASH galleries so other "photographers" dont steal my images which is why I don't want to use the HMTL galleries.

Cheers
Guy

Title: Lightroom web gallery
Post by: lobsterboy on May 03, 2007, 02:21:03 pm

Quote

I use FLASH galleries so other "photographers" dont steal my images which is why I don't want to use the HMTL galleries.

Your fooling yourself - It's hardly any more difficult to steal images from a flash gallery than html.

Title: Lightroom web gallery
Post by: 61Dynamic on May 03, 2007, 02:39:42 pm

Quote

Your fooling yourself - It's hardly any more difficult to steal images from a flash gallery than html.
[a href=\"index.php?act=findpost&pid=115560\"][{POST_SNAPBACK}][/a]

Printscreen!

Yeah, if the user has viewed your image on their computer it's been downloaded. The net wouldn't work otherwise. All it takes is someone half-awake to grab that out of the cache or use a screen cap app.

Title: Lightroom web gallery
Post by: dupretfx on June 23, 2007, 04:02:50 am

Quote

[{POST_SNAPBACK}][/a] (http://index.php?act=findpost&pid=101349\")

I found this tip on [a href=\"http://www.bluefire.tv/]http://www.bluefire.tv/[/url]

1:   in your web site folder Create a folder , here the name is "yourfoldername" where you drag your Lightroom resources folder
2:  drag the lightroom bin folder within your resources folder

3: copy paste the following code and write your own folder name your have to replace 4 times

Code to insert within your html code

 <div id="content">
            
            
         <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width="900px" height="600px"
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab">

<param name="movie" value="yourfoldername/resources/gallery.swf"/>
<param name="flashvars"
value="livePreview=false
&baseRefUrl=yourfoldername/resources/
&groupxml=mediagroupdata/group.xml
&stylexml=styles/style.xml
&localText=localization/localText.xml"/>
<param name="id" value="gallery"/>
<param name="quality" value="high"/>
<param name="align" value="middle"/>
<param name="name" value="gallery"/>
<param name="bgcolor" value="#f7f7f7"/>
<param name="allowScriptAccess" value="sameDomain"/>
<param name="menu" value="true"/>

<embed src="yourfoldername/resources/gallery.swf"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="livePreview=false
&baseRefUrl=yourfoldername/resources/
&groupxml=mediagroupdata/group.xml
&stylexml=styles/style.xml
&localText=localization/localText.xml"
width="900px" height="600px" quality="high" align="middle"
allowScriptAccess="sameDomain">
</embed>

</object>

</div>

4: define width and height

5: check in your browser

if it doesn t work open it with safari and go to menu/window/activity to check if the path to all your xml file are correct if not then make the correction ans try again,...
It has worked perfectly for me

I added a screenshot of the file structure in golive

Cheers

Francois


      
   how to disable o modify menu and header bar from a lightroom flash gallery:   
      
      http://www.bluefire.tv/blog/flashgalleries...andtricks2.html (http://www.bluefire.tv/blog/flashgalleries/gallery_tipsandtricks2.html)

Title: Lightroom web gallery
Post by: TedK on June 24, 2007, 03:33:00 am

Thanks for the great information! I'm sure it will be most helpful to many people who are trying to do this. I just wish this post would have happened a few months ago. Again, hopefully V1.1 will make things like this easier.
Cheers, Ted

Title: Lightroom web gallery
Post by: DavidW on June 24, 2007, 10:11:04 am

Quote

Your fooling yourself - It's hardly any more difficult to steal images from a flash gallery than html.
[a href=\"index.php?act=findpost&pid=115560\"][{POST_SNAPBACK}][/a]

Indeed so. There's applications around that can decompile SWF files, making all the resources readily accessible. With one of those you can recover the original resources. However, it's not even as difficult as that.


The Lightroom created Flash gallery I looked at (which was one I created with my own pictures) had the configuration in an XML file (the relative URL of which can be read out of the HTML), and once you open the XML in a UTF-16 capable text editor, you can read out the URLs of the JPEGs.

You could mount some defence against those JPEGs being bulk downloaded (I can think of some ways you might be able to do this with Apache configuration, though I didn't test them), but, in the end, if people want your images, they're really no more difficult to take from a Flash gallery than a HTML based one.



David

Title: Lightroom web gallery
Post by: galyn on February 16, 2008, 04:14:52 pm

If you were using Dreamweaver, this may be old-fashioned, but it works.

Frames without borders. The top frame is your information and site control. Bottom frame points to the index.html file that Lightroom generates.

Simple is good.