Help:Gallery: Difference between revisions

From RayWiki, the Rayman wiki
Jump to navigation Jump to search
RayCarrot (talk | contribs)
Expanded
RayCarrot (talk | contribs)
No edit summary
 
Line 44: Line 44:
</gallery></pre>  
</gallery></pre>  


This will change the resolution to the custom set one:
This will add the sprite class to all the pictures:


<gallery widths="316px" heights="200px" class="sprite">
<gallery widths="316px" heights="200px" class="sprite">

Latest revision as of 21:08, 14 May 2018

For a neater arrangement of multiple images, such as screenshots of a game or artwork of a character, RayWiki supports the Gallery tag, which displays rows of four thumbnails that can be captioned if desired.

How to create a gallery

  • Select the desired images, and use the following code:
<gallery>
number1.png
number2.png|Caption
number3.png|Caption with [[links]]
</gallery>

This will create a row of three thumbnails, like this:

How to change the resolution of the images

  • To change the resolution from the default, add the widths and heights tags like so:
<gallery widths="320px" heights="180px">
number1.png
number2.png|Caption
number3.png|Caption with [[links]]
</gallery>

This will change the resolution to the custom set one:

How to make the images use the sprite class

  • To make the images use the sprite class, add the class tag like so:
<gallery widths="316px" heights="200px" class="sprite">
number1.png
number2.png|Caption
number3.png|Caption with [[links]]
</gallery>

This will add the sprite class to all the pictures: