Image Galleries

Image galleries enable you to view photographs at their native resolution in a pop-up window within your wiki page. You can scroll between the images from this window without having to open each file individually, reload the page, or open new tabs or windows.

Galleries From File (or URL)

Please note that if your images are wider than the wiki page (approximately 600 pixels), you will have a difficult time viewing them in the pop-up window. You may wish to resize them in a program such as Photoshop, or take screenshots of them, and then attach these new versions of a more manageable size to your wiki page. Note also that if you use images from another website (via URL/external link), the images will display at the same size as on the original website, and you may wish to take the same steps as above.

To create a gallery of images, you must first upload the desired photos to your wiki page (follow the directions for uploading files if necessary) or gather your image URLs if you wish to cede control over size.

A gallery looks like this:

It is very easy to create one gallery containing all the images attached to your page. Once your files are uploaded, simply copy and paste the below code to your wiki page:

[[gallery]]

This, however, allows you little control over the order in which your images are displayed. You can easily order your images by name (that is, alphabetically), by changing the code to read:

[[gallery order="name"]]

If you need to further specify your image order, you can alter the original code by manually entering the name of each image in the desired sequence as follows:

[[gallery]] 
: image1.png
: image4.jpg
: image3.jpg
: image2.png
[[/gallery]]

You can also choose the size of the images in your gallery using the following code:

[[gallery size="image-size" order="name"]]

By default the images are thumbnails, but you can replace "image-size" with "square," "thumbnail," "small", "medium" for a variety of sizes. For instance, the gallery displayed at the top of the page, directed to display with a "medium" size, will now look like this:

Please note that your size qualification will have no bearing on any images derived from URL/external links. These will display at the same size they do on their native website. If you wish to change their dimensions, you might consider resizing them in a program such as Photoshop, or taking screenshots of them, and then attaching these new, more manageably sized versions to your wiki page.

Return to top

Galleries From Flickr

Wikidot allows you to pull specified images from Flickr by virtue of tags or username, to specify the size of the images shown, determine the number of visible pages (in the below example limited to "1"), and decide how many images to show per page (here "10").

Your code, depending on such desired factors, might look something like this:

[[module FlickrGallery tags="sun, yellow" tagMode="all" limitPages="1" perPage="10"]]

If you should additionally wish to limit your results by user, your code will look like this:

[[module FlickrGallery userName="username" tags="sun, yellow" tagMode="all" limitPages="1" perPage="10"]]

The first example, without the username specification, will look like this:

{"module":"wiki\/image\/FlickrGalleryModule","params":{"tags":"sun, yellow","tagMode":"all","limitPages":"1","perPage":"10"}}

If you were to add a size designation, such as "square," "thumbnail," "small," or "medium," you might have something like this:

[[module FlickrGallery tags="sun, yellow" tagMode="all" limitPages="1" perPage="10" size="small" ]]

The same example shown above will now look like this:

{"module":"wiki\/image\/FlickrGalleryModule","params":{"tags":"sun, yellow","tagMode":"all","limitPages":"1","perPage":"10","size":"small"}}

Return to top

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License