Help:Gallery: Difference between revisions
Jump to navigation
Jump to search
This should be useful too. |
No edit summary |
||
| (4 intermediate revisions by 3 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, | 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> | ||
number1.png | |||
number2.png|Caption | |||
number3.png|Caption with [[links]] | |||
</gallery></pre> | </gallery></pre> | ||
This will create a row of three thumbnails. | This will create a row of three thumbnails, like this: | ||
<gallery> | |||
RaymanLimbs.jpg | |||
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 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]] | [[Category:Help]] | ||
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:
-
Rayman being drawn
-
Rayman being drawn
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:
-
The main menu of Rayman Legends Definitive Edition.
-
The main menu of Rayman Legends Definitive Edition.
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:
-
A Liana.
-
A Liana.
