Firstly, you’ll need to edit the `default.rhtml` file inside the theme’s `layouts` folder to include the following lines inside the `head` tag:
<%= javascript_include_tag "typo" %><%= javascript_include_tag "lightbox" %><%= stylesheet_link_tag "/stylesheets/lightbox.css" %>
And that’s all there is to it. Then you can use the `` tag to include an image, such as:
Which will result in the following being displayed (from a Flickr picture I took earlier today that’s in my Pro account).
Click on the image and it will display the image using the Lightbox overlay. Neat.
Mind you, one of the nice things about links into Flickr is it lets you then navigate to other pictures in the same set etc. Maybe there’s a way I can achieve this by modifying Lightbox’s CSS/JavaScript, perhaps a project for tomorrow!