Difference between revisions of "Widget:Flickr"
Jump to navigation
Jump to search
(Initial version of new Flickr widget using nanoGALLERY) |
Tag: Rollback |
||
| (26 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| + | |||
<noinclude> | <noinclude> | ||
| − | + | ==Documentation== | |
| + | This widget embeds a gallery of images from [http://www.flickr.com/ flickr] into a wiki page. It uses the [http://nanogallery.brisbois.fr/ nanoGALLERY] image gallery. | ||
| − | + | * [https://github.com/Kris-B/nanoGALLERY nanoGALLERY github] - Latest version 5.10.3 (we use 4.4.2 see talkpage) | |
| + | * [https://cdnjs.com/libraries/nanogallery/4.4.2 nanogallery 4.4.2 library link] | ||
| + | * [https://nanogallery2.nanostudio.org nanogallery2] - Version 2 also available | ||
| − | == Using this widget == | + | === Using this widget === |
You can insert a gallery with the following wiki code: | You can insert a gallery with the following wiki code: | ||
| − | <nowiki>{{#widget:Flickr|photoset=72157626706422487}}</nowiki> | + | <nowiki>{{#widget:Flickr|photoset=72157626706422487}}</nowiki> |
| + | |||
| + | <nowiki>{{#widget:Flickr|userId=49386198@N04}}</nowiki> | ||
=== Parameters === | === Parameters === | ||
| + | ;userId | ||
| + | :Flickr user id - to display all albums for the specified user. You can find the appropriate value using [http://idgettr.com/ idgettr.com]. | ||
| + | |||
| + | ;photoset | ||
| + | :Flickr photoset id - to display only the specified photoset, this takes precedence over the <code>userId</code>. You can find the appropriate value using [http://idgettr.com/ idgettr.com]. | ||
| + | |||
| + | ;thumbnailHeight | ||
| + | :Thumbnails height in pixels. Default: <code>154</code> | ||
| + | |||
| + | ;thumbnailWidth | ||
| + | :Thumbnails width in pixels. Default: <code>300</code> | ||
| + | |||
| + | ;colorScheme | ||
| + | :Gallery colour scheme (breadcrumb and thumbnails). Possible values: <code>none</code>, <code>dark</code>, <code>darkRed</code>, <code>darkGreen</code>, <code>darkBlue</code>, <code>darkOrange</code>, <code>light</code> and <code>lightBackground</code>. Default: <code>none</code> | ||
| + | |||
| + | ;colorSchemeViewer | ||
| + | :Image viewer colour scheme. Possible values: <code>none</code>, <code>dark</code>, <code>darkRed</code>, <code>darkGreen</code>, <code>darkBlue</code>, <code>darkOrange</code>, <code>light</code>. Default: <code>none</code> | ||
== Example == | == Example == | ||
| − | |||
| + | {{#widget:Flickr|userId=49386198@N04}} | ||
| + | |||
| + | [[Category:Widget]] | ||
</noinclude> | </noinclude> | ||
<includeonly> | <includeonly> | ||
| Line 19: | Line 44: | ||
<!--{counter name="nanoGalleryDivId" assign="nanoGalleryDivId"}--> | <!--{counter name="nanoGalleryDivId" assign="nanoGalleryDivId"}--> | ||
<!--{if $nanoGalleryDivId == 1}--> | <!--{if $nanoGalleryDivId == 1}--> | ||
| − | <link href=" | + | <link href="https://cdnjs.cloudflare.com/ajax/libs/nanogallery/4.4.2/css/nanogallery.css" rel="stylesheet" type="text/css"> |
| − | <script type="text/javascript" src=" | + | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/nanogallery/4.4.2/jquery.nanogallery.min.js"></script> |
<!--{/if}--> | <!--{/if}--> | ||
<div id="nanoGallery<!--{$nanoGalleryDivId|escape:'html'}-->"></div> | <div id="nanoGallery<!--{$nanoGalleryDivId|escape:'html'}-->"></div> | ||
| Line 29: | Line 54: | ||
kind:'flickr', | kind:'flickr', | ||
photoset:'<!--{$photoset|escape:'quotes'}-->', | photoset:'<!--{$photoset|escape:'quotes'}-->', | ||
| − | thumbnailWidth: | + | userID:'<!--{$userId|escape:'quotes'}-->', |
| + | thumbnailHeight:'<!--{$thumbnailHeight|escape:'quotes'|default:154}-->', | ||
| + | thumbnailWidth:'<!--{$thumbnailWidth|escape:'quotes'|default:230}-->', | ||
thumbnailHoverEffect:'labelSlideUp,borderLighter', | thumbnailHoverEffect:'labelSlideUp,borderLighter', | ||
paginationMaxLinesPerPage:1, | paginationMaxLinesPerPage:1, | ||
thumbnailLabel:{display:true,align:'center'}, | thumbnailLabel:{display:true,align:'center'}, | ||
theme:'default', | theme:'default', | ||
| − | colorScheme: ' | + | colorScheme: '<!--{$colorScheme|escape:'quotes'|default:'none'}-->', |
| − | colorSchemeViewer: ' | + | colorSchemeViewer: '<!--{$colorSchemeViewer|escape:'quotes'|default:'none'}-->' |
}); | }); | ||
}); | }); | ||
Latest revision as of 02:46, 15 March 2021
Documentation
This widget embeds a gallery of images from flickr into a wiki page. It uses the nanoGALLERY image gallery.
- nanoGALLERY github - Latest version 5.10.3 (we use 4.4.2 see talkpage)
- nanogallery 4.4.2 library link
- nanogallery2 - Version 2 also available
Using this widget
You can insert a gallery with the following wiki code:
{{#widget:Flickr|photoset=72157626706422487}}
{{#widget:Flickr|userId=49386198@N04}}
Parameters
- userId
- Flickr user id - to display all albums for the specified user. You can find the appropriate value using idgettr.com.
- photoset
- Flickr photoset id - to display only the specified photoset, this takes precedence over the
userId. You can find the appropriate value using idgettr.com.
- thumbnailHeight
- Thumbnails height in pixels. Default:
154
- thumbnailWidth
- Thumbnails width in pixels. Default:
300
- colorScheme
- Gallery colour scheme (breadcrumb and thumbnails). Possible values:
none,dark,darkRed,darkGreen,darkBlue,darkOrange,lightandlightBackground. Default:none
- colorSchemeViewer
- Image viewer colour scheme. Possible values:
none,dark,darkRed,darkGreen,darkBlue,darkOrange,light. Default:none
Example