Difference between revisions of "Gallery"
Saad Saeed (talk | contribs) m (Adding Advanced section) |
Saad Saeed (talk | contribs) m (PRE is better) |
||
Line 11: | Line 11: | ||
You can use the following code: | You can use the following code: | ||
− | + | <pre> | |
− | + | <gallery> | |
− | + | Image:example.gif | |
− | + | Image:Example2.gif | |
− | + | Image:example3.gif | |
− | + | </gallery> | |
+ | </pre> | ||
And get this result: | And get this result: | ||
Line 28: | Line 29: | ||
==Advanced Gallery Tags== | ==Advanced Gallery Tags== | ||
You can use the following advance code to define further parameters of the gallery: | You can use the following advance code to define further parameters of the gallery: | ||
− | + | <pre> | |
− | + | <gallery caption="Pic Gallery" widths="150px" heights="120px" perrow="3"> | |
− | + | > | |
− | + | Image:example.gif |Picture of Ted | |
− | + | Image:Example2.gif |Picture of [[Ward Cunningham|Ward]] and [[User:RayKing|Ray]] | |
− | + | Image:example3.gif |Picture of [[MarkDilley.info]] | |
− | + | </gallery> | |
+ | </pre> | ||
And get this result: | And get this result: | ||
− | <gallery caption=" | + | <gallery caption="Pic Gallery" widths="150px" heights="120px" perrow="3"> |
> | > | ||
− | Image:example.gif |Picture of Ted | + | Image:example.gif |Picture of Ted |
− | Image:Example2.gif |Picture of [[Ward Cunningham|Ward]] and [[User:RayKing|Ray]] | + | Image:Example2.gif |Picture of [[Ward Cunningham|Ward]] and [[User:RayKing|Ray]] |
− | Image:example3.gif |Picture of [[ | + | Image:example3.gif |Picture of [[MarkDilley.info]] |
</gallery> | </gallery> | ||
Revision as of 02:57, 17 September 2008
This page is about the Gallery Tag. For other uses, feel free to search for it.
The gallery is an organized list of thumbnail images with captions. A gallery tag basically consists of four components. They are as follows:
- <gallery> - This is the opening tag to indicate to the Wiki you are starting a gallery.
- Image:example.gif|Example Image Caption - This line consists of two components of the Gallery feature.
- The first part of it ‘Image:example.gif’ is the link to the image uploaded on AboutUs or on a remote server. Our example.gif image is uploaded to the server (which makes things easier).
- Now the ‘|’ is a segment breaker/separator.
- The ‘Example Image Caption’ can be anything you want, it is a caption to the image. WikiLinks work here.
- </gallery> - This is the closing tag to indicate to the Wiki you are finished with the gallery.
You can use the following code:
<gallery> Image:example.gif Image:Example2.gif Image:example3.gif </gallery>
And get this result:
Advanced Gallery Tags
You can use the following advance code to define further parameters of the gallery:
<gallery caption="Pic Gallery" widths="150px" heights="120px" perrow="3"> > Image:example.gif |Picture of Ted Image:Example2.gif |Picture of [[Ward Cunningham|Ward]] and [[User:RayKing|Ray]] Image:example3.gif |Picture of [[MarkDilley.info]] </gallery>
And get this result:
Picture of MarkDilley.info