Embedding Photo Album Viewing Styles

When you are embedding a Photo Album into another web page, you can embed the Photo Album using any one of the five Photo Album views that Keep&Share makes available to you. These five views are Light Table, Blog, Scatter Blog, Film Strip, and Slide Show. In your embedded Photo Album you will see these five styles listed in the upper left-hand corner. You can switch through all of these styles using those links.

You can switch through the album viewing styles in the embedded photo album above. The link styles are in the upper left-hand corner.

Using URL parameters to set viewing style

If you want to use a particular Photo Album view in your embedded album you need to set the default Photo Album view with the Photo Album editor in your account, save your changes, and then use the embed link within the Photo Album.

The other way to set the viewing style of your embedded Photo Album is by using URL parameters. “URL parameters” are special strings of code that you can add to the end of your Photo Album URL to control how your Photo Album looks or responds.

Any URL parameter that you add to your Photo Album will override any settings that you have on your Photo Album in your Keep&Share account. For example, if you have the default viewing style set to “Light Table” in your account, you can add a URL parameter to the embed code that will force the Photo Album to display in the “Blog” viewing style. This is a good way to change the viewing style of your embedded Photo Album quickly without having to permanently change any settings for the Photo Album in your account.

The Photo Album parameters for viewing styles are:

Light Table: "&vo=lt"
Film Strip: "&vo=fs"
Blog: "&vo=bl"
Scatter Blog: "&vo=sc"
Slide Show: "&vo=ss" (no auto play)

When you add these parameters to your Photo Album embedding code, you will be adding them directly to the link that is for your Photo Album. For example:


This is the original embedding code copied from a Photo Album. The Photo Album link is hightlighted in yellow.

<iframe src="http://www.keepandshare.com/photo/328433/family?ifr=y" width="900" height="700" scrolling="yes" frameborder="1"></iframe>

This is the embedding code with the URL parameter for the “Light Table” viewing style added (URL parameter is in bold).

<iframe src="http://www.keepandshare.com/photo/328433/family?ifr=y&vo=lt" width="900" height="700" scrolling="yes" frameborder="1"></iframe>

Slide show URL parameters

The “Slide Show” Photo Album viewing style also has extra parameters that you can use to control how fast the slide show goes.

Slide Show - slow autoplay: "&vo=ss1" for slow autoplay.
Slide Show - medium autoplay: "&vo=ss2" for medium autoplay
Slide Show - fast autoplay: "&vo=ss3" for fast autoplay

You can see the speeds for the Slide Show viewing styles in the example below:

Slide show - slow autoplay

Slide show - medium autoplay

Slide show - fast autoplay

Learn more about other ways to control the appearance of your Photo Albums.

Combining URL Parameters

If you want to set your Photo Album to the “Slide Show” viewing style and the speed, you do not need to add both the viewing style URL parameter and the speed URL parameter separately (ex. "&vo=ss&vo=ss1"). The "&vo=ss" URL parameter already states that the Photo Album is in the “Slide Show” viewing style. By adding a number to the end of the “Slide Show” viewing parameter (ex. "&vo=ss1") that is what determines the speed of the album.


Don't do this:

<iframe src="http://www.keepandshare.com/photo/328433/family?ifr=y&vo=ss&vo=ss1" width="900" height="700" scrolling="yes" frameborder="1"></iframe>

Do this:

<iframe src="http://www.keepandshare.com/photo/328433/family?ifr=y&vo=ss" width="900" height="700" scrolling="yes" frameborder="1"></iframe>


<iframe src="http://www.keepandshare.com/photo/328433/family?ifr=y&vo=ss1" width="900" height="700" scrolling="yes" frameborder="1"></iframe>

Learn more about combining URL parameters with examples of embedded Photo Albums.