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&lang=en-us&page_show_url=/photos/ohlonecollege/sets/SETID/show/&page_show_back_url=/photos/ohlonecollege/sets/SETID/&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
- 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&lang=en-us&page_show_url=/photos/ohlonecollege/show/&page_show_back_url=/photos/ohlonecollege/&user_id=11324776@n00" />
</object>
<span class="source"><a href="http://www.flickr.com/photos/ohlonecollege/">Ohlone College photos on Flickr.</a></span>
</div>
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&lang=en-us&page_show_url=/photos/ohlonecollege/show/&page_show_back_url=/photos/ohlonecollege/&user_id=11324776@n00&tags=respiratorytherapist" />
</object>
<span class="source"><a href="http://www.flickr.com/photos/ohlonecollege/tags/respiratorytherapist/">Ohlone College photos tagged "respiratorytherapist" on Flickr.</a></span>
</div>
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&lang=en-us&page_show_url=%2Fsearch%2Fshow%2F%3Fq%3Dspeech%2BOR%2Brespiratorytherapist%26m%3Dtags%26w%3D11324776%2540N00%26ss%3D2&page_show_back_url=%2Fsearch%2F%3Fq%3Dspeech%2BOR%2Brespiratorytherapist%26m%3Dtags%26w%3D11324776%2540N00%26ss%3D2&method=flickr.photos.search&api_params_str=&api_tags=speech+OR+respiratorytherapist&api_tag_mode=bool&api_user_id=11324776%40N00&api_media=all&api_sort=date-posted-desc&jump_to=&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&w=11324776%40N00&m=tags">Ohlone College photos tagged "speech OR respiratorytherapist" 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).
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&lang=en-us&page_show_url=%2Fsearch%2Fshow%2F%3Fq%3Dspeech%2BOR%2Brespiratorytherapist%26w%3D11324776%2540N00%26ss%3D2&page_show_back_url=%2Fsearch%2F%3Fq%3Dspeech%2BOR%2Brespiratorytherapist%26w%3D11324776%2540N00%26ss%3D2&method=flickr.photos.search&api_params_str=&api_tags=speech+OR+respiratorytherapist&api_tag_mode=bool&api_user_id=11324776%40N00&api_media=all&api_sort=date-posted-desc&jump_to=&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&w=11324776%40N00">Ohlone College photos described as or tagged "speech OR respiratorytherapist" 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).
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&lang=en-us&page_show_url=%2Fsearch%2Fshow%2F%3Fq%3D%2528sigma%2Bchi%2Beta%2529%2BOR%2Brespiratorytherapist%26w%3D11324776%2540N00%26ss%3D2&page_show_back_url=%2Fsearch%2F%3Fq%3D%2528sigma%2Bchi%2Beta%2529%2BOR%2Brespiratorytherapist%26w%3D11324776%2540N00%26ss%3D2&method=flickr.photos.search&api_params_str=&api_tags=(sigma%2Bchi%2Beta)+OR+respiratorytherapist&api_tag_mode=bool&api_user_id=11324776%40N00&api_media=all&api_sort=date-posted-desc&jump_to=&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&w=11324776%40N00">Ohlone College photos described as or tagged "(sigma chi eta) OR respiratorytherapist" 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).
