How to recreate Ephemerratic's photo slideshows

A number of people have written or commented asking how to create the photo slideshows included at the end of our travel dispatches, so I thought I'd share it with everyone.

1. Copy and paste the code below into your the html of your blog post or your site's html (don't paste it into your WYSIWYG editor).
2. Replace the text SET-ID with your Flickr set's number in both places. You can find the set number in the address bar of your browser when you're looking at your Flickr set.
3. OPTIONAL: Change the height and width of the slideshow - below at 500 pixels - to fit into the design of your site. Keep the height and width to the same ratio (1:1) so your photos don't get squished.

This is just the way to duplicate the appearance of slideshows on Ephemerratic, which I based on code shared by web developer Paul Stamatiou. Check out Paul full instructions for more parameters to customize which photos are included in your slidesho. You can show all your photos or other Flickr users, base the selection on tags, and more (although unlike what Paul says, you CAN make the slideshow's dimensions smaller, it's just that the slideshow navigation get cropped - see our 300 x 300 example below).

You can also change the layout of the slideshow - in the code below, we include instructions to center the slideshow, but you could align it to the left or right as well. Finally, Flickr has a different embeddable slideshow with a different style - here's Flickr's how to.

Slideshow Code

Sample Slideshow

I've added some paragraph styling in my style sheet to make the text beneath the slideshow small.

If you can't see the photo slide show above, view the photo set on Flickr.

Comments

Add New RSS

Write comment
Name:
Email:	(recommended, won't be published)
	do not notifynotify send me an email when there's a new post here
Website:
Title:
UBBCode:		-color-aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow -size-tinysmallmediumlargehuge
	Please input the anti-spam code that you can read in the image.
	Comments will be held for moderation, so they won't appear right away. We're working on a new comment system, so it won't be like this forever.

Powered by !JoomlaComment 3.26

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."