Help:Gallery: Difference between revisions

Cairnie (talk | contribs)
RayCarrot (talk | contribs)
No edit summary
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
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.   
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:R1cage.png
RaymanLimbs.jpg
Image:R1cage.png| a cage in ''Rayman 1''
RaymanLimbs.jpg|Rayman being drawn
Image:R1cage.png| a cage in ''[[Rayman 1]]''
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 add the sprite class to all the pictures:
 
<gallery widths="316px" heights="200px" class="sprite">
Liane.png
Liane.png|A Liana.
Liane.png|A [[Liana]].
</gallery>
</gallery>


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