Cleveland Flickr photos imported using Splashr

Splashr offers a variety of output options ranging from slideshows to mosaics. For this example I chose "Flash Frames - Basic White." Splasher offers two options for incorporating their output into your site, a link to a pop-up window or an iframe.

Since I dislike pop-up windows and frames, I decided to poke around at the code and see if I could come up with a third way. Looking at the code they provided for the iframe, I copied the url from the code, http://splashr.com/show/white/13432378@N00/cleveland/25, and pasted it into a new browser tab. Then I looked at the source code where I saw that the presentation was created from javascript.

I copied the scripts, pasted them below, then saved the file. When I looked at the page I saw that the images were there but they were really tiny. I looked at the script for size attributes and changed var height = "100%" to var height = "500px". Additionally I had to copy the contents of http://splashr.com/create/template/flash.css into my stylesheet and delete a few bits until I came up with what you see below—this may take some time to load. The convoluted nature of this procedure is probably why they recommend iframes, but it was an interesting experiment nonetheless.