Galleries based on wikitables

Offline MediaWiki Code Editor

previous page next page

Galleries based on Wikitables

For other solutions to display galleries see: Galleries

An assistant to build and insert wikicode for image galleries based on wikitables.

Galleries based on Wikitables are series of images using table cells as image containers. This is one of the simplest techniques to display image galleries in Wikipedia articles.

This assistant helps you to build and insert horizontal image galleries based on tables even if you do not know the sintax. The assistant creates a table of the wikitable class to contain the images. The galleries build with this assistant have the following general features:

· Withstand up to four images arranged horizontally in cells of fixed width

· Image width: 100 - 200 px.

· Cell background shade and thin borders.

· Captions with a smaller font size (87%).

· An alternative text may be displayed on mouseover

Note that the galleries build with this technique have a fixed width, so you should not make too much wide galleries which exceed the usual page width. Also note that if the gallery consists of one or two images, it will be aligned to the right (by default) making able that the following text can float on the left side. If you want to display the gallery of 1- 2 images aligned to the left you have to modify the code manually. But if the gallery consists of three of four images it will be centered in the page.

How to use this assistant?

1. In the upper table row, enter the names of the image files,

only the names (not the entire address).

2. In the second row, enter the caption of each image.

3. In the third row, enter the text to be displayed on mouseover.

4. In the fourth row, enter the desired width for each image.

5. Generate the wikicode of the gallery, clicking on the command

button <Generate code>.

6. If you know the sintax, make all links and format changes

to the the captions in the wikicode window. Or, if you prefer

make the changes after inserting the gallery in the article.

7. Insert the gallery clicking on the command button <Insert

gallery>

8. To build a new gallery click on the command button <Blank

gallery>.

9. Insert one after another as many galleries as you need.

Complete data from left to right. Do not left empty cells in the middle or you may obtain unexpected results. It is highly recommended to group together images with a similar aspect ratio. Once you entered the data, generate the gallery code and insert the code in the Edit window. The wikicode generated is not saved when you close the assistant, but the content of the cells persists until the next edition.

When images of the same gallery differ in aspect ratio, you might prefer to make a more compact gallery eliminating (manually) from the wikicode all instructions of the type:

|style="width: XX%;"

But if you do this, the captions will no longer be able to force line-breaks and long captions may make the cells wider than necessary. If you need to modify the caption, and you know the sintax, you can do it directly in the generated code. Long captions tend to expand cell width, so when the caption is too long it might be necessary to force line- breaks to limit cell width.

Create and insert as many galleries as you need, one after the other until completing the desired number of images.

Relative units instead of pixels

It has been recommended to use relative "em" units instead of fixed-pixel sizes for images. “em” units are measures relative to the actual font size. For example, if the font size of the document is 12pt, then 1em=12pt. So if you use "em" units do not forget to include the units. For example an image of 299x125px might also be also expressed as 25x10em.

previous page start next page