February 2, 2009
HTML Gallery: Adding scrolling to the gallery
With apologies for the extended delay in following on with the series, here is part 6 in our continuing series on writing your own web gallery. Please note that the code section doesn’t wrap, but still can be cut and pasted to a text or code editor. In this case I’ve sacrificed readability to usability.
In our last look at creating a HTML gallery, we showed the need for Live Update, and prior to that we introduced the method of adding CSS in Lightroom. One thing I should mention about CSS generated in Lightroom, is that it doesn’t generate in the order you put in the model section of the galleryInfo.lrweb file. In fact I have no idea what sets the order. It seems quite random to me!
Anyhow, one of the easiest additions to the page that looks nice is the ability to have the images scroll along the page. Normally this would be simply put into a CSS file that Lightroom can reference. Let’s look at this initially and then add it to the main galleryInfo.lrweb code, where it can then be manipulated in a panel.