Help:Gallery: Difference between revisions

From RayWiki, the Rayman wiki
Jump to navigation Jump to search
mNo edit summary
RayCarrot (talk | contribs)
Expanded
Line 1: Line 1:
For a neater arrangement of multiple images, such as screenshots of a game or artwork of a character, [[RayWiki:About|RayWiki]] supports the Gallery tag, which displays rows of four thumbnails that can be captioned if desired.   
For a neater arrangement of multiple images, such as screenshots of a game or artwork of a character, [[RayWiki:About|RayWiki]] supports the Gallery tag, which displays rows of four thumbnails that can be captioned if desired.   


==How to create a gallery==
== How to create a gallery ==
* Select the desired images, and use the following code:
* Select the desired images, and use the following code:


<pre><gallery>
<pre><gallery>
Image:number1.png
number1.png
Image:number2.png|Caption
number2.png|Caption
Image:number3.png|Caption with [[links]]
number3.png|Caption with [[links]]
</gallery></pre>  
</gallery></pre>  


Line 13: Line 13:


<gallery>
<gallery>
Image:RaymanLimbs.jpg  
RaymanLimbs.jpg  
Image:RaymanLimbs.jpg| Rayman being drawn
RaymanLimbs.jpg|Rayman being drawn
Image:RaymanLimbs.jpg| [[Rayman]] being drawn
RaymanLimbs.jpg|[[Rayman]] being drawn
</gallery>
 
== How to change the resolution of the images ==
* To change the resolution from the default, add the widths and heights tags like so:
 
<pre><gallery widths="320px" heights="180px">
number1.png
number2.png|Caption
number3.png|Caption with [[links]]
</gallery></pre>
 
This will change the resolution to the custom set one:
 
<gallery widths="320px" heights="180px">
Rayman Legends Definitive Edition Main Menu 1.jpg
Rayman Legends Definitive Edition Main Menu 1.jpg|The main menu of Rayman Legends Definitive Edition.
Rayman Legends Definitive Edition Main Menu 1.jpg|The main menu of [[Rayman Legends|Rayman Legends Definitive Edition]].
</gallery>
 
== How to make the images use the sprite class ==
* To make the images use the sprite class, add the class tag like so:
 
<pre><gallery widths="316px" heights="200px" class="sprite">
number1.png
number2.png|Caption
number3.png|Caption with [[links]]
</gallery></pre>
 
This will change the resolution to the custom set one:
 
<gallery widths="316px" heights="200px" class="sprite">
Liane.png
Liane.png|A Liana.
Liane.png|A [[Liana]].
</gallery>
</gallery>


[[Category:Help]]
[[Category:Help]]

Revision as of 20:55, 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 change the resolution to the custom set one: