Photo galleries are now awesome

[ Posted by Ryan Rickerts Mon, 10 Mar 2008 07:58:52 GMT ]

Okay, I am getting pretty close to serving up the beautiful pictures of our family just the way I hoped I could. Check out our galleries in the sidebar for the new look!

Before I get into the technical description, let me give you some basic instructions. First, hopefully it is intuitive already. Just click on any image to see the larger version (as you might expect). Once in preview mode, click on the right half of the image to see the next one. Click on the left side to see the previous image. Click the close button (or anywhere in the shaded region outside the image) when you are done or want to start from another photo. That’s it!

Now, how is it done, you might ask? First, the pretty rendering of the thumbnails comes courtesy of ImageMagick. I have used this on other projects and really like the potential, especially for SVG (vector-based) output, which is responsible for the rounded corners.

Next, the ubiquitous Lightbox project has provided all the functionality in the full-size preview - thanks again Lokesh Dhakar!

But don’t forget the final key ingredient - our Pro Flickr account. As described previously, none of these photos are stored on my server. The multiple sizes are generated by their service, and we can manage a growing list of photo assets more easily with their interface.

Enjoy the new photo experience!

Posted in  | Tags , ,  | no comments

Flickr galleries are now working!

[ Posted by Ryan Rickerts Wed, 27 Feb 2008 09:38:43 GMT ]

As Susie promised, I applied my “electronics skills” to the Flickr API. We are now displaying all the images from those galleries here for your viewing consistency, and you should notice the links in the sidebar.

Just to be really consistent, our image sets on Flickr are also linked over here once they have been added to the blog.

So what’s all the sorcery about? We have a bit of software called FlickrExport that synch’s Susie’s sets in iPhoto to Flickr in a few button clicks. Then I copied the Page class in Typo, called it Gallery, and added a method that identifies each photoset through the Flickr API using rflickr. So it is one more click to update the listing of content here with new galleries.

We will add descriptions, links to larger versions of the image, better layout, and maybe even some javascript slideshow effects to the gallery pages (eventually). But now, the hour has grown late, and this is really not my day job

Posted in  | Tags  | no comments