Nottinghack Wiki:Flickr gallery old version: Difference between revisions

From Nottinghack Wiki
Jump to navigation Jump to search
Marcus (talk | contribs)
Trying to fix height to stop pages with galleries from jumping around when loading
Updated Kishlery JavaScript code in an attempt to fix the Flickr widget
Line 1: Line 1:
<noinclude>This widget embeds a gallery of images from [http://www.flickr.com/ flickr] into a wiki page.  It uses the [http://www.kishnel.com/kishlery/ Kishlery] javascript gallery.
<noinclude>
This widget embeds a gallery of images from [http://www.flickr.com/ flickr] into a wiki page.  It uses the [http://www.kishnel.com/kishlery/ Kishlery] javascript gallery.


== Using this widget ==
== Using this widget ==
Line 25: Line 26:
{{#widget:Flickr gallery|mode=user|id=49386198@N04}}
{{#widget:Flickr gallery|mode=user|id=49386198@N04}}


</noinclude><includeonly><!-- Kishlery code starts here -->
</noinclude>
<!--{counter name="kishleryDivID" assign="kishleryDivID"}--><!--{if $kishleryDivID == 1}--><script type="text/javascript" src="http://www.kishnel.com/kishlery/js/global.js"></script>
<includeonly>
<!--{/if}--><div id="kishlery<!--{$kishleryDivID|escape:'html'}-->" class="KLmainContainer" style="height:442px!important"></div>
<!-- Kishlery code starts here -->
<script type="text/javascript" src="https://kishlery.appspot.com/static/global.js"></script>
<div id="kishlery" class="KLmainContainer"></div>
<script type="text/javascript">
<script type="text/javascript">
var myKishlery = new Kishlery('kishlery<!--{$kishleryDivID|escape:'quotes'}-->', {
var myKishlery = new Kishlery('kishlery', {
mode: '<!--{$mode|escape:'quotes'}-->',
mode: 'photoset',
id: '<!--{$id|escape:'quotes'}-->',
id: '72157600228207572',
limit: '30',
limit: '30',
tags: '<!--{$tags|escape:'quotes'}-->',
tags: '',
maxSize: '<!--{$maxSize|escape:'quotes'|default:300}-->',
maxSize: '300',
forceHeight: true,
forceHeight: true,
linkToFlickr: true,
linkToFlickr: true,
Line 42: Line 45:
showThumbnails: true,
showThumbnails: true,
showMosaic: true,
showMosaic: true,
activateKeyboard: false,
activateKeyboard: true,
singleMode: false,
singleMode: false,
sort: '<!--{$id|escape:'sort'|default:'date-posted-asc'}-->',
sort: 'date-posted-desc',
showMosaicImmediately: false,
showMosaicImmediately: false,
playImmediately: false,
playImmediately: false,
Line 54: Line 57:
});
});
</script>
</script>
<!-- Kishlery code ends here --></includeonly>
<!-- Kishlery code ends here -->
</includeonly>

Revision as of 20:11, 9 June 2014

This widget embeds a gallery of images from flickr into a wiki page. It uses the Kishlery javascript gallery.

Using this widget

You can insert a gallery with the following wiki code:

{{#widget:Flickr gallery|mode=user|id=49386198@N04}}

You can find the id value by using idgettr.com.

Parameters

mode
Indicates how photos should be requested from flickr. The accepted values are: user, group, photoset, or folder
id
The ID used to request images from flickr. Depending on your selected mode, you should enter the user id, group id, or photoset id. You can find the appropriate value using idgettr.com.
sort
The order to display the images. Accepted values are: date-posted-asc, date-posted-desc, date-taken-asc, date-taken-desc, interestingness-desc, interestingness-asc, relevance
tags
A space-separated list of tags to search for when retrieving images. An image is included in the gallery if it contains any of the listed tags. This parameter only works when the mode is set to user or group.
maxSize
The size of the images displayed in the gallery, specified in pixels. The aspect ratio of each photo is preserved, and the image is scaled down so its width and height are less than maxSize. Default: 300.
limit
The maximum number of photos to retrieve. Default: 30

Example

Error in widget Flickr gallery: Unable to load template 'wiki:Flickr gallery'