Widget:Flickr: Difference between revisions
Jump to navigation
Jump to search
testing colorScheme parameter |
Tag: Rollback |
||
(23 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 | ;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> | :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 32: | 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, | ||
Line 38: | Line 62: | ||
theme:'default', | theme:'default', | ||
colorScheme: '<!--{$colorScheme|escape:'quotes'|default:'none'}-->', | 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
,light
andlightBackground
. Default:none
- colorSchemeViewer
- Image viewer colour scheme. Possible values:
none
,dark
,darkRed
,darkGreen
,darkBlue
,darkOrange
,light
. Default:none
Example