skip to main content | skip to search

Global Find Info and People

Web Team Procedures and Notes

This page is intended for use only by the Web Team.

Valid XHTML <object> Tags for Videos and more

Go to Index of Valid XHTML <object> Tags for Videos and More.

Flickr Slideshow (embedded) -
[Use this instead of Flickr's Slideshow Embed Tool which is not valid]

By Set

NOTE: Tested and validates. Off-site service: flickr.com.

Get a specific photo set (uses set_id):

<div class="embeddedmedia flickr centertag" style="width:495px;">
<object type="application/x-shockwave-flash" data="http://www.flickr.com/apps/slideshow/show.swf?v=71649"
  width="495" height="372">
  <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" />
  <param name="allowFullScreen" value="true" />
  <param name="flashvars" value="offsite=true&amp;lang=en-us&amp;page_show_url=/photos/ohlonecollege/sets/SETID/show/&amp;page_show_back_url=/photos/ohlonecollege/sets/SETID/&amp;set_id=SETID" />
</object>
<span class="source"><a href="http://www.flickr.com/photos/ohlonecollege/sets/SETID/">SETNAME_OR_DESCRIPTION photos from Ohlone College on Flickr.</a></span>
</div>

REPLACE these settings in the above code to reflect the photos to be displayed:

  • for "page_show_url" and "page_show_back_url", replace "SETID" with ID of desired set
  • for "set_id", replace "SETID" with same ID as above
Ohlone College Transfer Day photos on Flickr.
  • 495x372 are maximum dimensions for current Ohlone templates; may also use these proportional sizes:
    • 450x338
    • 350x263
    • 250x188 - 250 x 260 makes the controls display above/below the photo
  • may also use: <div class="flickr right">[content]</div> or <div class="flickr left">[content]</div>
  • Configuration Settings: Combining these in <param name="flashvars" value="" /> will narrow results:
    • set_id=
    • user_id=
      User ID for Ohlone College Flickr account: 11324776@N00. Utility to get a Flickr account's user ID (user_id): idGettr.
    • tags=
      Separate multiple tags with + (plus) sign encoded as %2B. See also tag_mode.
    • tag_mode=
      Either "any" (the default value) for any combination of tags, or "all" if you want all tags to match: tag_mode=any or tag_mode=all. Undocumented: tag_mode=bool for Boolean search [works with Full Text search (not with Tags search); example:
      (speech+2010+sigmachieta) OR graduation]
    • text=
      Spaces must be coded as: %20
    • media
      Filters results as either photos (media=photos) or video (media=videos).
    • license
      Allows you to specify the license on a photo (see the flickr.photos.licenses.getInfo method for values). Multiple licenses can be searched by separating them with commas.
    • group_id= (for Flickr Groups)
    • photoset_id=
    • contacts=
    • favorites=
    • frifam=
    • nsid=
    • single=
    • firstIndex=
    • firstId=
    • http://paulstamatiou.com/how-to-quickie-embedded-flickr-slideshows/

By user_id

NOTE: Tested and validates. Off-site service: flickr.com.

Get all of Ohlone College's photos (uses user_id):

<div class="embeddedmedia flickr centertag" style="width:495px;">
<object type="application/x-shockwave-flash" data="http://www.flickr.com/apps/slideshow/show.swf?v=71649"
  width="495" height="372">
  <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" />
  <param name="allowFullScreen" value="true" />
  <param name="flashvars" value="offsite=true&amp;lang=en-us&amp;page_show_url=/photos/ohlonecollege/show/&amp;page_show_back_url=/photos/ohlonecollege/&amp;user_id=11324776@n00" />
</object>
<span class="source"><a href="http://www.flickr.com/photos/ohlonecollege/">Ohlone College photos on Flickr.</a></span>
</div>
Ohlone College photos on Flickr.

By One (1) Specific Tag and user_id

NOTE: Tested and validates. Off-site service: flickr.com.

Get all of Ohlone College's photos tagged with "respiratorytherapist" (uses user_id and tags):

<div class="flickr center" style="width:495px;">
<object type="application/x-shockwave-flash" data="http://www.flickr.com/apps/slideshow/show.swf?v=71649"
  width="495" height="372">
  <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" />
  <param name="allowFullScreen" value="true" />
  <param name="flashvars" value="offsite=true&amp;lang=en-us&amp;page_show_url=/photos/ohlonecollege/show/&amp;page_show_back_url=/photos/ohlonecollege/&amp;user_id=11324776@n00&amp;tags=respiratorytherapist" />
</object>
<span class="source"><a href="http://www.flickr.com/photos/ohlonecollege/tags/respiratorytherapist/">Ohlone College photos tagged &quot;respiratorytherapist&quot; on Flickr.</a></span>
</div>
Ohlone College photos tagged "respiratorytherapist" on Flickr.

By Tag Search for Multiple Tags using user_id and m=tags

NOTE: Tested and validates. Off-site service: flickr.com.

Get all of Ohlone College's photos tagged with "speech" or "respiratorytherapist" [can also do "speech" and "respiratorytherapist" - but "(speech 2010 sigmachieta) OR respiratorytherapist" doesn't work] (uses user_id). Group AND words using parentheses encoded as %28 for open/left parenthesis and %29 for closed/right parenthesis. NOTE: Adding m=tags option on URL switches search to tags only; leaving it off searches full text and tags.

<div class="flickr center" style="width:495px;">
  <object type="application/x-shockwave-flash" 
  data="http://www.flickr.com/apps/slideshow/show.swf?v=71649" 
  width="495" height="372">
    <param name="flashvars" value="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fsearch%2Fshow%2F%3Fq%3Dspeech%2BOR%2Brespiratorytherapist%26m%3Dtags%26w%3D11324776%2540N00%26ss%3D2&amp;page_show_back_url=%2Fsearch%2F%3Fq%3Dspeech%2BOR%2Brespiratorytherapist%26m%3Dtags%26w%3D11324776%2540N00%26ss%3D2&amp;method=flickr.photos.search&amp;api_params_str=&amp;api_tags=speech+OR+respiratorytherapist&amp;api_tag_mode=bool&amp;api_user_id=11324776%40N00&amp;api_media=all&amp;api_sort=date-posted-desc&amp;jump_to=&amp;start_index=0" />
    <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" />
    <param name="allowFullScreen" value="true" />
</object>
<span class="source"><a href="http://www.flickr.com/search/?q=speech+OR+respiratorytherapist&amp;w=11324776%40N00&amp;m=tags">Ohlone College photos tagged &quot;speech OR respiratorytherapist&quot; on Flickr.</a></span>
</div>

NOTE: page_show_url and page_show_back_url (shown in blue with red variables) are encoded and the encoding is encoded (whew).

Ohlone College photos tagged "speech OR respiratorytherapist" on Flickr.

By Full Text Search (simple boolean search example) using user_id (search descriptions, titles, and tags) (without m=tags)

NOTE: Tested and validates. Off-site service: flickr.com.

Get all of Ohlone College's photos tagged with "speech" or "respiratorytherapist" [can also do "speech" and "respiratorytherapist" - or a fancier boolean search such as "(speech 2010 sigmachieta) OR respiratorytherapist" (see examle below)] (uses user_id). Group AND words using parentheses encoded as %28 for open/left parenthesis and %29 for closed/right parenthesis. Do not use m=tags which switches to search only tags.

<div class="flickr center" style="width:495px;">
  <object type="application/x-shockwave-flash" 
  data="http://www.flickr.com/apps/slideshow/show.swf?v=71649" 
  width="495" height="372">
    <param name="flashvars" value="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fsearch%2Fshow%2F%3Fq%3Dspeech%2BOR%2Brespiratorytherapist%26w%3D11324776%2540N00%26ss%3D2&amp;page_show_back_url=%2Fsearch%2F%3Fq%3Dspeech%2BOR%2Brespiratorytherapist%26w%3D11324776%2540N00%26ss%3D2&amp;method=flickr.photos.search&amp;api_params_str=&amp;api_tags=speech+OR+respiratorytherapist&amp;api_tag_mode=bool&amp;api_user_id=11324776%40N00&amp;api_media=all&amp;api_sort=date-posted-desc&amp;jump_to=&amp;start_index=0" />
    <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" />
    <param name="allowFullScreen" value="true" />
</object>
<span class="source"><a href="http://www.flickr.com/search/?q=speech+OR+respiratorytherapist&amp;w=11324776%40N00">Ohlone College photos described as or tagged &quot;speech OR respiratorytherapist&quot; on Flickr.</a></span>
</div>

NOTE: page_show_url and page_show_back_url (shown in blue with red variables) are encoded and the encoding is encoded (whew).

Ohlone College photos described as or tagged "speech OR respiratorytherapist" on Flickr.

TESTINGA - NOT WORKING RIGHT:

By Full Text Search (fancier boolean search example) using user_id (search descriptions, titles, and tags) (without m=tags)

NOTE: Tested and validates. Off-site service: flickr.com.

NOTE: I know that "sigma" and "chi" and "eta" are not tags but are in some photo descriptions or titles (at least for now on February 16, 2011), and I know that "respiratorytherapist" is not in the full text but is a tag.

Get all of Ohlone College's photos tagged with "sigma chi eta" (group these words inside parentheses) or "respiratorytherapist" (uses user_id). Group AND words using parentheses encoded as %28 for open/left parenthesis and %29 for closed/right parenthesis. Do not use m=tags which switches to search only tags.

<div class="flickr center" style="width:495px;">
  <object type="application/x-shockwave-flash" 
  data="http://www.flickr.com/apps/slideshow/show.swf?v=71649" 
  width="495" height="372">
    <param name="flashvars" value="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fsearch%2Fshow%2F%3Fq%3D%2528sigma%2Bchi%2Beta%2529%2BOR%2Brespiratorytherapist%26w%3D11324776%2540N00%26ss%3D2&amp;page_show_back_url=%2Fsearch%2F%3Fq%3D%2528sigma%2Bchi%2Beta%2529%2BOR%2Brespiratorytherapist%26w%3D11324776%2540N00%26ss%3D2&amp;method=flickr.photos.search&amp;api_params_str=&amp;api_tags=(sigma%2Bchi%2Beta)+OR+respiratorytherapist&amp;api_tag_mode=bool&amp;api_user_id=11324776%40N00&amp;api_media=all&amp;api_sort=date-posted-desc&amp;jump_to=&amp;start_index=0" />
    <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" />
    <param name="allowFullScreen" value="true" />
</object>
<span class="source"><a href="http://www.flickr.com/search/?q=%28sigma%2Bchi%2Beta%29+OR+respiratorytherapist&amp;w=11324776%40N00">Ohlone College photos described as or tagged &quot;(sigma chi eta) OR respiratorytherapist&quot; on Flickr.</a></span>
</div>

NOTE: page_show_url and page_show_back_url (shown in blue with red variables) are encoded and the encoding is encoded (whew).

Ohlone College photos described as or tagged "(sigma chi eta) OR respiratorytherapist" on Flickr.
Ohlone College photos described as or tagged "(chi eta) OR respiratorytherapist" on Flickr.

Footer