Status: | effective |
Progress: | 99% |
Version: | 1.8.0+ |
Gallery format | |
---|---|
Display images as a gallery | |
Scenarios, examples, demos | |
Example: | Examples |
Further Information | |
Provided by: | Extension "Semantic Result Formats" |
Added: | 1.5.0 |
Removed: | still supported |
Requirements: | none |
Format name: | gallery |
Enabled? Indicates whether the result format is enabled by default upon installation of the respective extension. | yes |
Authors: | Rowan Rodrik van der Molen , Jeroen De Dauw , James Hong Kong |
Categories: | media |
Group: | image , gallery , interaction |
Table of Contents | |
The result format gallery, part of the Extension "Semantic Result Formats" extension, displays query results as dynamic galleries with output which is the same as when using MediaWiki's built-in <gallery>
tag.
Parameters[edit]
General[edit]
Parameter | Type | Default | Description |
---|---|---|---|
source | text | empty | Alternative query source |
limit | whole number | 50 | The maximum number of results to return |
offset | whole number | 0 | The offset of the first result |
link | text | all | Show values as links |
sort | list of texts | empty | Property to sort the query by |
order | list of texts | empty | Order of the query sort |
headers | text | show | Display the headers/property names |
mainlabel | text | no | The label to give to the main page name |
intro | text | empty | The text to display before the query results, if there are any |
outro | text | empty | The text to display after the query results, if there are any |
searchlabel | text | ... further results | Text for continuing the search |
default | text | empty | The text to display if there are no query results |
Format specific[edit]
Parameter | Type | Default | Description |
---|---|---|---|
class | text | empty | Specify an additional cascading style sheet class |
widget | text | empty | Available widget |
navigation | text | nav | Layout navigation control |
overlay | yes/no | no | Enable image overlay |
perrow | whole number | empty | The amount of images per row |
widths | whole number | empty | The width of the images |
heights | whole number | empty | The height of the images |
autocaptions | yes/no | yes | Use filename as caption when none is provided |
fileextensions | yes/no | no | When using the filename as caption, also display the file extension |
captionproperty | text | empty | The name of a semantic property present on the queried pages to be used as caption |
imageproperty | text | empty | Name of a semantic property on the queried pages that points to images to use. When set, the queried pages themselves will not be displayed as images |
redirects | text | empty | The name of a semantic property present on the queried pages which contain the redirect target |
widget
: carousel, slideshownavigation
: nav, pager, auto
overlay
parameter cannot be used if extension "MultimediaViewer" (MediaWiki.org) is installed for the wiki due to an incompatibility.
Usage[edit]
You can create a gallery either by querying pages of images in namespace "File", or by querying image names which are a property of other pages.
Querying image pages[edit]
To generate a simple gallery of all images whose image pages have been categorized as "Photographs", you could use the following syntax:
{{#ask: [[Category:Photographs]] | format=gallery}}
Simulated result:
If you query a property for the image pages, it'll be used as the caption. The value of the property "Has description", as declared on the image pages, will become the caption in this example:
{{#ask: [[Category:Photographs]] | ?Has description | format=gallery}}
Simulated result:
If you want your gallery to have a caption of its own, use the "intro" parameter:
{{#ask: [[Category:Photographs]] | ?Has description | format=gallery | intro=This is a gallery caption}}
Simulated result:
Now adjust the widths of the images to 60 pixels:
{{#ask: [[Category:Photographs]] | ?Has description | format=gallery | intro=This is a gallery caption | widths=60}}
Simulated result:
Querying image names as properties[edit]
The gallery format can also display images named by properties on your pages. You must add the property to be queried to your pages or subobjects using a property of datatype "Page"Holds names of wiki pages, and displays them as a link, including namespace prefix "File:", as shown in this example:
[[Has image::File:Example.jpg]]
Your query must have two parts: a printout statement returning the value of the property holding the page name of the image, and a parameter mapping this printout to the respective property called "imageproperty
". You may optionally specify a property containing a caption to the mapping parameter called "captionproperty
".
This example will return a gallery of images named by the "Has image" property, specified on pages in the category "Events":
{{#ask: [[Category:Events]] |?Has image |format=gallery |imageproperty=Has image }}
This example will show images from the current page with their captions:
{{#ask: [[{{PAGENAME}}]] |?Has image |?Has caption |format=gallery |imageproperty=Has image |captionproperty=Has caption }}
Carousel widget[edit]
Display a gallery as carousel, using widget=carousel
. Some examples an can be found here.
Slideshow widget[edit]
Display a gallery as slideshow, using widget=slideshow
. Some examples can be found here.
Redirects[edit]
Using option redirects=-
or a property such as (e.g redirects=Has redirect
) will allow images within a gallery to be redirected. The icon [ ] will indicate if an image is forwarded to a different target while each embbeded icon will point to its original image. Examples can be found here and be combined with the carousel widget, and the slideshow widget.
- Wikipage
Images with a redirect property of type page are forwarded to its wikipage destination.
- URL
Images with a redirect property of type URL are forwarded to its URL destination.
Overlay[edit]
The overlay option allows to display images as fancybox overlay image in its original size. The icon [ ] will indicate if an image is available as overlay while the embedded icon will point to the original imag. Examples can be found throughout the entire wiki such as here and be combined with the standard SRF gallery, the carousel widget, and the slideshow widget.
Note
The overlay and redirects option are mutually exclusive and in case both options are used within a query, the overlay option will take precedence over the redirects option.
Overlay and redirects need to gather additional information (URL of the original image etc.) which is done in an asynchronous mode therefore to improve accessibility and ease server response latency both features make use of jStorage, a cross-browser key-value store that stores URL data 24h locally in the browser.
Examples[edit]
- Gallery/Carousel widget
- Gallery/Redirects
- Gallery/Slideshow widget auto navigation
- Gallery/Slideshow widget default navigation
- Gallery/Slideshow widget default navigation with image redirects
- Gallery/Slideshow widget default navigation with overlay option
- Gallery/Slideshow widget pager navigation
- Gallery/Slideshow widget using the class parameter
- Gallery/Standard gallery
- Gallery/Standard gallery displaying images using the overlay option
- Gallery/Standard gallery showing further results link
- Gallery/Standard gallery using parameter captionproperty
- Gallery/Standard gallery using parameter imageproperty
- Gallery/Standard gallery with redirects
See also[edit]