Difference between revisions of "Widget:Flickr"

From Nottinghack Wiki
Jump to navigation Jump to search
(null)
(4.42 -> 5.10.3 nanogallery at https://cdnjs.com/libraries/nanogallery)
Line 3: Line 3:
 
   <!--{counter name="nanoGalleryDivId" assign="nanoGalleryDivId"}-->
 
   <!--{counter name="nanoGalleryDivId" assign="nanoGalleryDivId"}-->
 
   <!--{if $nanoGalleryDivId == 1}-->
 
   <!--{if $nanoGalleryDivId == 1}-->
   <link href="https://cdnjs.cloudflare.com/ajax/libs/nanogallery/4.4.2/css/nanogallery.css" rel="stylesheet" type="text/css">
+
   <link href="https://cdnjs.cloudflare.com/ajax/libs/nanogallery/5.10.3/css/nanogallery.css" rel="stylesheet" type="text/css">
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/nanogallery/4.4.2/jquery.nanogallery.min.js"></script>
+
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/nanogallery/5.10.3/jquery.nanogallery.min.js"></script>
 
   <!--{/if}-->
 
   <!--{/if}-->
 
   <div id="nanoGallery<!--{$nanoGalleryDivId|escape:'html'}-->"></div>
 
   <div id="nanoGallery<!--{$nanoGalleryDivId|escape:'html'}-->"></div>

Revision as of 15:31, 11 December 2019


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