Difference between revisions of "Gallery"

m (Adding Advanced section)
m (PRE is better)
Line 11: Line 11:
  
 
You can use the following code:
 
You can use the following code:
 
+
<pre>
:<nowiki><gallery></nowiki>
+
<gallery>
:<nowiki>Image:example.gif</nowiki>
+
Image:example.gif
:<nowiki>Image:Example2.gif</nowiki>
+
Image:Example2.gif
:<nowiki>Image:example3.gif</nowiki>
+
Image:example3.gif
:<nowiki></gallery></nowiki>
+
</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>
:<nowiki><gallery caption="Sample gallery" widths="150px" heights="120px" perrow="3"></nowiki>
+
<gallery caption="Pic Gallery" widths="150px" heights="120px" perrow="3">
:<nowiki>Image:example.gif |Picture of Ted.</nowiki>
+
>
:<nowiki>Image:Example2.gif |Picture of [[Ward Cunningham|Ward]] and [[User:RayKing|Ray]].</nowiki>
+
Image:example.gif |Picture of Ted
:<nowiki>Image:example3.gif |Picture of [[User:MarkDilley|Mark]].</nowiki>
+
Image:Example2.gif |Picture of [[Ward Cunningham|Ward]] and [[User:RayKing|Ray]]
:<nowiki></gallery></nowiki>
+
Image:example3.gif |Picture of [[MarkDilley.info]]
 
+
</gallery>
 +
</pre>
 
And get this result:
 
And get this result:
  
<gallery caption="Sample gallery" widths="150px" heights="120px" perrow="3">
+
<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 [[User:MarkDilley|Mark]].
+
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:

  1. <gallery> - This is the opening tag to indicate to the Wiki you are starting a gallery.
  2. Image:example.gif|Example Image Caption - This line consists of two components of the Gallery feature.
    1. 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).
    2. Now the ‘|’ is a segment breaker/separator.
    3. The ‘Example Image Caption’ can be anything you want, it is a caption to the image. WikiLinks work here.
  3. </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:

See also



Retrieved from "http://aboutus.com/index.php?title=Gallery&oldid=16507636"