Widget:Flickr: Difference between revisions

From Nottinghack Wiki
Jump to navigation Jump to search
added thumbnail size parameters
m Reverted edits by Lwk (talk) to last revision by Jon
Tag: Rollback
 
(21 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<noinclude>
<noinclude>
{{info|This widget is currently under development [[User:Robert|Robert]] ([[User talk:Robert|talk]]) 22:51, 10 June 2014 (UTC)}}
==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.


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
;thumbnailHeight
Thumbnails height in pixels. Default: <code>154</code>
:Thumbnails height in pixels. Default: <code>154</code>


;thumbnailWidth
;thumbnailWidth
Thumbnails width in pixels. Default: <code>300</code>
: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|photoset=72157626706422487}}


{{#widget:Flickr|userId=49386198@N04}}
[[Category:Widget]]
</noinclude>
</noinclude>
<includeonly>
<includeonly>
Line 38: Line 54:
         kind:'flickr',
         kind:'flickr',
         photoset:'<!--{$photoset|escape:'quotes'}-->',
         photoset:'<!--{$photoset|escape:'quotes'}-->',
        userID:'<!--{$userId|escape:'quotes'}-->',
         thumbnailHeight:'<!--{$thumbnailHeight|escape:'quotes'|default:154}-->',
         thumbnailHeight:'<!--{$thumbnailHeight|escape:'quotes'|default:154}-->',
         thumbnailWidth:'<!--{$thumbnailWidth|escape:'quotes'|default:230}-->',
         thumbnailWidth:'<!--{$thumbnailWidth|escape:'quotes'|default:230}-->',
Line 45: Line 62:
         theme:'default',
         theme:'default',
         colorScheme: '<!--{$colorScheme|escape:'quotes'|default:'none'}-->',
         colorScheme: '<!--{$colorScheme|escape:'quotes'|default:'none'}-->',
         colorSchemeViewer: 'light'
         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.

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 and lightBackground. Default: none
colorSchemeViewer
Image viewer colour scheme. Possible values: none, dark, darkRed, darkGreen, darkBlue, darkOrange, light. Default: none

Example