Washington Area Frisbee Club

Embedding a slideshow from a Smugmug gallery is fairly simple but requires a couple of steps and there are some easy places to make mistakes.

Start by creating a page or announcement to hold the embedded slideshow, this can be essentially any type of Drupal page, in a group, outside a group, etc. Then setup the page with the normal title, tags, text, etc. before moving on to the slideshow embedding piece.

In the "Body" section of the page you're going to insert the following code:


<object align="middle" height="600" width="600">
<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf">
<param name="flashvars" value="AlbumID=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com">
<param name="wmode" value="transparent">
<param name="bgcolor" value="000000">
<param name="allowNetworking" value="all">
<param name="allowScriptAccess" value="always">
<embed src="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf" flashvars="AlbumID=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com"
wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="600" width="600"></embed></object>


This code makes a call to a program on the Smugmug website that will handle the slideshow for us. However, we need to do one more thing, tell this program what gallery we want to display in the slideshow.

Smugmug uses AlbumID codes and AlbumKey codes to keep track of galleries, so we need to enter the right AlbumID and AlbumKey codes into the code above to make sure the right gallery is displayed. Finding the AlbumID and AlbumKey is done by visiting the gallery on the Smugmug website and clicking the Share button (upper right), clicking Get a Link, then copying the key from the Slideshow share link (3rd link listed on the Get a Link page). The Slideshow link looks something like this, http://wafc.smugmug.com/photos/swfpopup.mg?AlbumID=8554912&AlbumKey=CX9Hx. We're interested in the last two parts of that link.

Copy the AlbumID and overwrite the AlbumID in the code quoted above. Do the same with the AlbumKey. Note that there are two instances of both values, so you need to make the replacement in both places.

Finally, make sure the Input Format for the page is set to Full HTML (this is set via options just below the Body section of the editing page).

Use the Preview button to verify your work and then save the page. The slideshow might be a little slow to load because it's pulling all the info from Smugmug.

If you're interested in learning more about Smugmug integration check out this site, http://wiki.smugmug.net/display/SmugMug/Flash+Slideshow.