Help:Gallery: Difference between revisions

← Older edit

@@ 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:
 <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>
@@ Line 13: / Line 13: @@
 <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>
 [[Category:Help]]