|
A gallery is a series of images which can be arranged horizontally or vertically or even in a
patchwork. Some assistants impose limitations to the number of images, but this limitation
can be overcome inserting more galleries to include all images.
There are the four assistants in the application based on different techniques
· Assistants based on the {{Multiple
image}} template
Horizontal galleries
You can display an horizontal arrangement of images using any of the assistants, except #3
which was designed for vertical galleries only. If you want to display up to four images, not
exceeding the usual page width, you may use the assistant based on tables (#1). This
assistant behaves especially well with images that have a similar relation of aspect. For up to
ten images you may use the assistant #4. But for an indefinite number of images, use the
assistant based on the <gallery> tag (#2) which automatically adjusts the number of rows
according to page size. Be aware that some mobile devices may display galleries vertically
when the total width is greater than 320 px. Assistant #4 offers options to customize
background color.
Vertical galleries
You can display a vertical arrangement of up to ten images using the assistant #3. Fixing the
total-width of the gallery you can give the same width to all images. The galleries are aligned
to the right by default but you can change the alignment in the assistant. This assistant also
offers options to customize background color.
Slideshows
Slideshows are a resource to display a gallery of large images saving space. It consists of a
frame showing the first image of the gallery, with buttons to shift images one after other. The
assistant based on the gallery tag (#3) allows to build slideshows. The maximum
recommended width for a slideshow is 350 px.
Image patchworks
With the assistant for Vertical galleries and image arrays (#3) you can also combine up to ten
images in a patchwork. The assistant offers two options for arrays:
· Equal number of images per row
· Unequal number of images per row
If you combine ten images and choose two images per row the assistant will generate code
for five rows. If you choose an unequal number of images per row, the assistant can generate
code for a maximum of four rows. The position in the gallery depends on the order of
declaration of the images. Take it into account to enter the images in the right order to obtain
the desired results. The dimensions of the images are automatically adjusted, so images can
match without blank spaces. A good practice is to organize the images according to their
relation of aspect.
|
