Views

Difference between revisions of "How do I add images and multimedia?"

The Wiki of Unify contains information on clients and devices, communications systems and unified communications. - Unify GmbH & Co. KG is a Trademark Licensee of Siemens AG.

Jump to: navigation, search
(Integrating Graphics)
(Uploading Files)
 
(37 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div class="breadcrumb">
+
{{Breadcrumb|en|Wie füge ich Bilder und Multimedia hinzu?|Getting started}}
{{up}} [[Getting started]] | {{de}} [[Wie füge ich Bilder und Multimedia hinzu?]] | {{up}} [[How do I link to other contents or URLs?]] | {{down}} [[How do I provide files for download?]]
 
</div>
 
  
 
__TOC__
 
__TOC__
 +
== General ==
 +
 +
In order to display a graphic in Wiki, you must insert a reference to an existing graphic file into the article. Once a graphic file exists in Wiki, it can be used again in other articles.
 +
 +
When you want to use a new graphic, the easiest method is to first integrate it into the article (see [[#Integrating Graphics|Integrating Graphics]]) and then upload it by clicking on the red graphic link (see [[#Uploading Files|Uploading Files]]).
 +
 +
In this Wiki image references should be used as follows:
 +
* [[JPEG]]: Photo, large sized pictures with high color depth
 +
* [[PNG]]: Symbols, pictures with transparent contents
 +
* [[GIF]]: Screenshots, other diagrams with small color depth, animated diagrams
 +
 
== Uploading Files ==
 
== Uploading Files ==
  
You can embed graphics in formats such as JPEG, GIF und PNG and flash movies (SWF files) as well as sound files in MP3 format in your text in this Wiki.  
+
You can embed graphics in formats such as JPEG, GIF and PNG and flash movies (SWF files) as well as sound files in MP3 format in your text in this Wiki.  
To upload files in other formats, please refer to the information for {{de}} [[Wie biete ich Dateien zum Herunterladen an?|File Download]].
+
To upload files in other formats, please refer to the information for [[How do I provide files for download?]].
  
You have to first upload the relevant files. To do this, use the link [[Special:Upload|Upload file]] from the Toolbox links. Then call up a form, which allows you to upload a file in one of the formats mentioned from your workspace onto the Wiki server.
+
To upload the relevant files, use the [[Special:Upload|Upload file]] link from the Toolbox links or klick on the already integrated graphic link. Then call up a form, which allows you to upload a file in one of the formats mentioned from your workspace onto the Wiki server.
  
Select the desired file and asssign an appropriate name for storing the file on the server. Keep in mind that names such as ''screenshot-1.jpg'' or ''front-view.png'' are not suitable because presumably other articles in the Wiki will also have screenshots and front views. Use file names that describe the article for files that will probably only be referenced in your article. Each uploaded file must have a file name that is not already in use. Otherwise, you will receive an error message when you try to upload the file.
+
Select the desired file and assign an appropriate name for storing the file on the server (if you click on the graphic link the name is filled out automatically). Keep in mind that names such as ''screenshot-1.jpg'' or ''front-view.png'' are not suitable because presumably other articles in the Wiki will also have screenshots and front views. Use file names that describe the article for files that will probably only be referenced in your article. Each uploaded file must have a file name that is not already in use. Otherwise, you will receive an error message when you try to upload the file.
  
 
Files uploaded to date appear in the [[Special:Imagelist|Image list]]. You can also check for file names here that you no longer know. You will need the precise file name if you are going to incorporate a graphic or if you want to reference a multimedia file.
 
Files uploaded to date appear in the [[Special:Imagelist|Image list]]. You can also check for file names here that you no longer know. You will need the precise file name if you are going to incorporate a graphic or if you want to reference a multimedia file.
 +
 +
Additionally product photos and user interface symbols are pooled on [[Product Photo Gallery]] and [[User Interface Symbols]].
  
 
== Integrating Graphics ==
 
== Integrating Graphics ==
Line 21: Line 32:
 
  <nowiki>[[Image:Example.jpg]]</nowiki>
 
  <nowiki>[[Image:Example.jpg]]</nowiki>
  
The following output will be generated as a result at the position where you annotate this:
+
The following output will be generated in our Wiki as a result at the position where you annotate this:
  
 
[[Image:Example.jpg]]
 
[[Image:Example.jpg]]
Line 55: Line 66:
 
This generates the following output:
 
This generates the following output:
  
[[Image:Example.jpg|left|This is just an example]] The annotated text below flows to the left around the graphic in the case of a left-aligned graphic.  This gives an elegant and professional impression in the presentation view. To demonstrate this more clearly, some dummy text is provided: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
+
[[Image:Example.jpg|left|This is just an example]] The annotated text below flows to the right around the graphic in the case of a left-aligned graphic.  This gives an elegant and professional impression in the presentation view. To demonstrate this more clearly, some dummy text is provided: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
  
You can show a graphic framed with visible alternative text in order to make it look like a labelled slide. Example:
+
You can show a graphic bordered with visible alternative text in order to make it look like a labeled slide. Example:
  
 
  <nowiki>[[Image:Example.jpg|framed|left|This is just an example]]</nowiki>
 
  <nowiki>[[Image:Example.jpg|framed|left|This is just an example]]</nowiki>
Line 67: Line 78:
 
<br style="clear:left">
 
<br style="clear:left">
  
== Flashmovies einbinden ==
+
== Integrating Flash Movies ==
  
In diesem Wiki können Autoren auf einfache Weise Flashmovies in ihre Artikelinhalte einbinden. Dieses Feature ist für gedacht für:
+
Authors can integrate flash movies with ease in their article contents in this Wiki. This feature is intended for:
  
* die Veranschaulichung von Abläufen oder Vorgängen
+
* Clarifying processes or procedures
* kleine Tools z.B. zur Kalkulation
+
* Small tools, such as for calculation
* Dia-Shows mehrerer zusammengehöriger Grafiken oder Folien
+
* Slide shows with a number of interrelated graphics or slides
  
Bevor Sie ein Flashmovie einbinden können, müssen Sie die zugehörige SWF-Datei genau wie eine Grafikdatei über den Link [[Special:Upload|Upload file]] aus der Toolbox links hochladen. Beachten Sie, dass die SWF-Datei nach dem Hochladen im Gegensatz zu einer Grafikdatei nicht angezeigt wird. Genauso wie bei Grafiken müssen Sie sich den Dateinamen, den Sie der SWF-Datei auf dem Server gegeben haben, merken. Im Zweifelsfall können Sie in der [[Special:Imagelist|Image list]] nachsehen.
+
Before you can integrate a flash movie, you have to upload the associated SWF file in the same way as a graphic file via the [[Special:Upload|Upload file]] link from the Toolbox links. Note that the SWF file, unlike a graphic file, is not displayed after it is uploaded. In the same way as with graphics, you have to note the file name that you assigned to the SWF file on the server. In case of doubt, you can check the [[Special:Imagelist|Image list]].
  
Innerhalb Ihres Artikels können Sie ein Flashmovie wie im nachfolgenden Beispiel einbinden:
+
You can integrate a flash movie within your article as shown in the next example:
  
 
  <nowiki>&lt;flash&gt;file=Colorpicker.swf|width=320|height=160|scale=exactfit|bgcolor=#ffffff&lt;/flash&gt;</nowiki>
 
  <nowiki>&lt;flash&gt;file=Colorpicker.swf|width=320|height=160|scale=exactfit|bgcolor=#ffffff&lt;/flash&gt;</nowiki>
  
Das Beispiel erzeugt in diesem Fall in der Präsentationsansicht folgende Ausgabe:
+
The example produces the following output in this case in the presentation view:
  
 
<div><flash>file=Colorpicker.swf|width=320|height=160|scale=exactfit|bgcolor=#ffffff</flash></div>
 
<div><flash>file=Colorpicker.swf|width=320|height=160|scale=exactfit|bgcolor=#ffffff</flash></div>
  
Notieren Sie das Tag-Paar <tt>&lt;flash&gt;...&lt;/flash&gt;</tt> an der Stelle im Text, an der das Flashmovie angezeigt werden soll. In der Regel empfiehlt es sich, vor und nach dem Tag-Paar eine Leerzeile einzufügen. Sollte das Flashmovie dann noch nicht wie gewünscht ausgerichtet sein, setzen Sie um das Tag-Paar <tt>&lt;flash&gt;...&lt;/flash&gt;</tt> noch ein Tag-Paar <tt>&lt;div&gt;...&lt;/div&gt;</tt>!
+
Add the tag pair <tt>&lt;flash&gt;...&lt;/flash&gt;</tt> at the position in the text where the flash movie is to be displayed. It is generally recommended to insert a blank line before and after the tag pair. If the flash movie is not yet aligned as desired, set another tag pair <tt>&lt;div&gt;...&lt;/div&gt;</tt> around the tag pair <tt>&lt;flash&gt;...&lt;/flash&gt;</tt>!
  
Innerhalb des Tag-Paars können Sie mit Hilfe von Parametern das Aussehen des Flashmovies beeinflussen. Alle Parameter werden durch Schrägstriche voneinander getrennt. Erlaubt sind die Angaben <tt>width</tt> (Anzeigebreite), <tt>height</tt> (Anzeigehöhe), <tt>scale=exactfit</tt> (bei der Anzeige die Angaben von <tt>width</tt> und <tt>height</tt> erzwingen), sowie <tt>bgcolor</tt> (Hintergrundfarbe).
+
You can change the appearance of the flash movie within the tag pair using parameters. All parameters are separated from one another by forward slashes. You can enter <tt>width</tt> (width of display), <tt>height</tt> (height of display), <tt>scale=exactfit</tt> (enforce the <tt>width</tt> and <tt>height</tt> entries for the display), as well as <tt>bgcolor</tt> (background color).
  
== MP3-Dateien einbinden ==
+
== Integrating MP3 Files ==
  
In diesem Wiki können Autoren auf einfache Weise Sound-Dateien im MP3-Format in ihre Artikelinhalte einbinden. Dieses Feature ist für gedacht für:
+
Authors can integrate sound files in MP3 format with ease in their article contents in this Wiki. This feature is intended for:
  
* verbale Beschreibungen z.B. von Vorgehensweisen
+
* Verbal descriptions, e.g. of procedures
* Sound-Wiedergaben z.B. von Klingeltönen
+
* Sound playback, e.g. of ringtones
* Wiedergabe von Ansagediensten
+
* Playing announcements
  
MP3-Dateien werden in Form eines kleinen MP3-Players in den Artikelinhalt eingebunden. Der Benutzer kann die Kontrollfunktionen des Players nutzen, um eine MP3-Datei abzuspielen, anzuhalten oder den Abspielvorgang zu wiederholen. Der MP3-Player ist in Wirklichkeit ein Flashmovie. Es handelt sich um den [http://www.marcreichelt.de/spezial/musicplayer/ Easy musicplayer for Flash (EMFF)] von Marc Reichelt, der ebenso wie dieses Wiki unter Creative Commons Lizenz steht.
+
MP3 files are integrated in the article content in the form of a small MP3 player. The user can use the control functions of the player in order to play or stop an MP3 file or to repeat the play process. The MP3 player is in effect a flash movie. The player in question in this case is the [http://www.marcreichelt.de/spezial/musicplayer/ Easy musicplayer for Flash (EMFF)] from Marc Reichelt, which like this Wiki is under Creative Commons license.
  
Bevor Sie eine MP3-Datei einbinden können, müssen Sie diese genau wie eine Grafikdatei über den Link [[Special:Upload|Upload file]] aus der Toolbox links hochladen. Die MP3-Datei muss eine Sampling-Rate von 44,1 kHz haben. Beachten Sie, dass die MP3-Datei nach dem Hochladen nicht abgespielt wird. Genauso wie bei Grafiken müssen Sie sich den Dateinamen, den Sie der MP3-Datei auf dem Server gegeben haben, merken. Im Zweifelsfall können Sie in der [[Special:Imagelist|Image list]] nachsehen.
+
Before you can integrate an MP3 player, you have to upload it from the Toolbox links in the same way as a graphic file via the [[Special:Upload|Upload file]] link. The MP3 file must have a sampling rate of 44.1 kHz. Note that the MP3 file is not played following uploading. In the same way as with graphics, you have to take note of the file name that you gave the MP3 file on the server. In case of doubt, you can check the [[Special:Imagelist|Image list]].
  
Innerhalb Ihres Artikels können Sie eine MP3-Datei wie im nachfolgenden Beispiel einbinden:
+
You can integrate an MP3 file within your article as shown in the next example:
  
 
  <nowiki>&lt;mp3&gt;src=Example.mp3|text=&lt;strong&gt;Powerwords&lt;/strong&gt;, 24 seconds, 213 Kbyte&lt;/mp3&gt;</nowiki>
 
  <nowiki>&lt;mp3&gt;src=Example.mp3|text=&lt;strong&gt;Powerwords&lt;/strong&gt;, 24 seconds, 213 Kbyte&lt;/mp3&gt;</nowiki>
  
Das Beispiel erzeugt in diesem Fall in der Präsentationsansicht folgende Ausgabe:
+
The example produces the following output in this case in the presentation view:
  
 
<mp3>src=Example.mp3|text=<strong>Powerwords</strong>, 24 seconds, 213 Kbyte</mp3>
 
<mp3>src=Example.mp3|text=<strong>Powerwords</strong>, 24 seconds, 213 Kbyte</mp3>
  
Notieren Sie das Tag-Paar <tt>&lt;mp3&gt;...&lt;/mp3&gt;</tt> an der Stelle im Text, an der der Player zum Abspielen der MP3-Datei angezeigt werden soll. In der Regel empfiehlt es sich, vor und nach dem Tag-Paar eine Leerzeile einzufügen.
+
Add the tag pair <tt>&lt;mp3&gt;...&lt;/mp3&gt;</tt> at the position in the text where the player is to be displayed for playing the MP3 file. It is generally recommended to insert a blank line before and after the tag pair.
  
Innerhalb des Tag-Paars <tt>&lt;mp3&gt;...&lt;/mp3&gt;</tt> bestimmten Sie mit dem Parameter <tt>src=</tt> den Namen der gewünschten MP3-Datei. Durch einen Senkrechtstrich getrennt, können Sie dahinter mit dem Parameter <tt>text=</tt> einen beschreibender Text zur Sound-Datei hinzufügen. Der Text darf auch einfache HTML-Formatierungen enthalten.
+
Within the tag pair <tt>&lt;mp3&gt;...&lt;/mp3&gt;</tt>, use the <tt>src=</tt> parameter to specify the name of the desired MP3 file. You can add descriptive text for the sound file after this with <tt>text=</tt> parameter, separated by an oblique. The text may also contain simple HTML formatting.
  
== Bilderserien anbieten ==
+
== Image Galleries ==
  
In einigen Fällen bieten sich Bilderserien als Ergänzung zu Beschreibungen an, z.B. Screenshots zu Vorgehensweisen bei einer Software-Konfiguration. Hierzu bietet dieses Wiki die Möglichkeit an, Gallerien mit Vorschaubildern in einem Artikel zu platzieren. Dies hat den Vorteil, dass nicht die möglicherweisen speicherlastigen Grafiken selbst im Text referenziert sind, sondern nur deren kleine Vorschaugrafiken. Um die Erstellung der Vorschaugrafiken müssen Sie sich übrigens nicht selbst kümmern. Von jeder Grafik, die Sie hochladen, erstellt die Wiki-Anwendung automatisch mehrere Versionen in unterschiedlichen Auflösungen.  
+
Image galleries are offered in some cases as a supplement to descriptions, for example screenshots on the processes involved in software configuration. For this purpose, this Wiki offers the possibility of placing galleries with preview images in an article. The advantage of this is that it is not the possibly memory-intensive graphics themselves that are referenced in the text rather only their preview graphics. You do not need to worry in any case about creating the preview graphics yourself. The Wiki application automatically creates a number of versions of each graphic that you upload in different resolutions.  
  
Nachfolgend ein Beispiel zur Erzeugung einer Gallerie:
+
An example of producing a gallery is given below:
  
 
  <nowiki>&lt;gallery&gt;
 
  <nowiki>&lt;gallery&gt;
Line 128: Line 139:
 
  &lt;/gallery&gt;</nowiki>
 
  &lt;/gallery&gt;</nowiki>
  
Dies erzeugt in der Präsentationsansicht folgende Ausgabe:
+
This produces the following output in the presentation view:
  
 
<gallery>
 
<gallery>
Line 139: Line 150:
 
</gallery>
 
</gallery>
  
Alle Vorschaubilder sind automatisch anklickbar. Die Links führen zu den Beschreibungsseiten, die jeder Grafik automatisch zugeordnet sind. Diese Seiten können Sie als Autor ebenfalls bearbeiten, z.B. um erklärenden Text hinzuzufügen.
+
All preview images are automatically clickable. The links lead to descriptive pages that are assigned automatically to each graphic. You can likewise edit these pages as an author, for example in order to add explanatory text.
  
Die Gallerie mit den Vorschaubildern wird in das Tag-Paar <tt>&lt;gallery&gt;...&lt;/gallery&gt;</tt> eingeschlossen. In jeder Textzeile dazwischen wird jeweils ein Bild hinzugefügt. Durch <tt>Image:(Dateiname)</tt> wird der Dateiname der gewünschten Originalgrafik angegeben. Hinter dem Dateinamen können Sie Senkrechtstrich und dahinter die jeweils gewünschte Bildunterschrift notieren.
+
The gallery with the preview images is enclosed in the tag pair <tt>&lt;gallery&gt;...&lt;/gallery&gt;</tt>. An image is added to each text row in between. The file name of the desired original graphic is specified with <tt>Image:(file name)</tt>. You can add a vertical bar followed by the desired image title after the file name.
  
 
== Additional Information ==
 
== Additional Information ==
  
 
* You will find further information in the official MediaWiki manual on the page {{en}} [http://meta.wikimedia.org/wiki/Help:Images_and_other_uploaded_files Help:Images and other uploaded files]
 
* You will find further information in the official MediaWiki manual on the page {{en}} [http://meta.wikimedia.org/wiki/Help:Images_and_other_uploaded_files Help:Images and other uploaded files]

Latest revision as of 17:34, 26 July 2011

General

In order to display a graphic in Wiki, you must insert a reference to an existing graphic file into the article. Once a graphic file exists in Wiki, it can be used again in other articles.

When you want to use a new graphic, the easiest method is to first integrate it into the article (see Integrating Graphics) and then upload it by clicking on the red graphic link (see Uploading Files).

In this Wiki image references should be used as follows:

  • JPEG: Photo, large sized pictures with high color depth
  • PNG: Symbols, pictures with transparent contents
  • GIF: Screenshots, other diagrams with small color depth, animated diagrams

Uploading Files

You can embed graphics in formats such as JPEG, GIF and PNG and flash movies (SWF files) as well as sound files in MP3 format in your text in this Wiki. To upload files in other formats, please refer to the information for How do I provide files for download?.

To upload the relevant files, use the Upload file link from the Toolbox links or klick on the already integrated graphic link. Then call up a form, which allows you to upload a file in one of the formats mentioned from your workspace onto the Wiki server.

Select the desired file and assign an appropriate name for storing the file on the server (if you click on the graphic link the name is filled out automatically). Keep in mind that names such as screenshot-1.jpg or front-view.png are not suitable because presumably other articles in the Wiki will also have screenshots and front views. Use file names that describe the article for files that will probably only be referenced in your article. Each uploaded file must have a file name that is not already in use. Otherwise, you will receive an error message when you try to upload the file.

Files uploaded to date appear in the Image list. You can also check for file names here that you no longer know. You will need the precise file name if you are going to incorporate a graphic or if you want to reference a multimedia file.

Additionally product photos and user interface symbols are pooled on Product Photo Gallery and User Interface Symbols.

Integrating Graphics

You can generate a reference to a graphic in the simplest form with the syntax [[Image:(file name)]]. Example:

[[Image:Example.jpg]]

The following output will be generated in our Wiki as a result at the position where you annotate this:

File:Example.jpg

You have to add a blank line before and after the graphic reference in order for the graphic to be displayed separately as in the example here as opposed to in the running text.

Graphics are always clickable in any case. The links lead to the page that is reserved for the graphic. You can enter as much additional information for the graphic on the relevant page.

You can add various texts after the file name, separated by vertical bars, which affect the look and feel of the graphic. The most important detail is an alternative text, which is displayed for example in pure text browsers instead of the graphic. Example:

[[Image:Example.jpg|This is just an example]]

This precise example is shown below. Move the mouse over the graphic. The alternative text is displayed as a tooltip window:

This is just an example

Even if you add a number of other details to the graphic, the alternative text should always be the last entry. Examples of aligned graphics with alternative text are given below.

[[Image:Example.jpg|center|This is just an example]]

This generates the following output:

[[Image:Example.jpg|right|This is just an example]] The annotated text below ...

This generates the following output:

The annotated text below flows to the left around the graphic in the case of a right-aligned graphic. This gives an elegant and professional impression in the presentation view. To demonstrate this more clearly, some dummy text is provided: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
[[Image:Example.jpg|left|This is just an example]] The annotated text below ...

This generates the following output:

The annotated text below flows to the right around the graphic in the case of a left-aligned graphic. This gives an elegant and professional impression in the presentation view. To demonstrate this more clearly, some dummy text is provided: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

You can show a graphic bordered with visible alternative text in order to make it look like a labeled slide. Example:

[[Image:Example.jpg|framed|left|This is just an example]]

This generates the following output in the presentation view:

File:Example.jpg
This is just an example


Integrating Flash Movies

Authors can integrate flash movies with ease in their article contents in this Wiki. This feature is intended for:

  • Clarifying processes or procedures
  • Small tools, such as for calculation
  • Slide shows with a number of interrelated graphics or slides

Before you can integrate a flash movie, you have to upload the associated SWF file in the same way as a graphic file via the Upload file link from the Toolbox links. Note that the SWF file, unlike a graphic file, is not displayed after it is uploaded. In the same way as with graphics, you have to note the file name that you assigned to the SWF file on the server. In case of doubt, you can check the Image list.

You can integrate a flash movie within your article as shown in the next example:

<flash>file=Colorpicker.swf|width=320|height=160|scale=exactfit|bgcolor=#ffffff</flash>

The example produces the following output in this case in the presentation view:

<flash>file=Colorpicker.swf|width=320|height=160|scale=exactfit|bgcolor=#ffffff</flash>

Add the tag pair <flash>...</flash> at the position in the text where the flash movie is to be displayed. It is generally recommended to insert a blank line before and after the tag pair. If the flash movie is not yet aligned as desired, set another tag pair <div>...</div> around the tag pair <flash>...</flash>!

You can change the appearance of the flash movie within the tag pair using parameters. All parameters are separated from one another by forward slashes. You can enter width (width of display), height (height of display), scale=exactfit (enforce the width and height entries for the display), as well as bgcolor (background color).

Integrating MP3 Files

Authors can integrate sound files in MP3 format with ease in their article contents in this Wiki. This feature is intended for:

  • Verbal descriptions, e.g. of procedures
  • Sound playback, e.g. of ringtones
  • Playing announcements

MP3 files are integrated in the article content in the form of a small MP3 player. The user can use the control functions of the player in order to play or stop an MP3 file or to repeat the play process. The MP3 player is in effect a flash movie. The player in question in this case is the Easy musicplayer for Flash (EMFF) from Marc Reichelt, which like this Wiki is under Creative Commons license.

Before you can integrate an MP3 player, you have to upload it from the Toolbox links in the same way as a graphic file via the Upload file link. The MP3 file must have a sampling rate of 44.1 kHz. Note that the MP3 file is not played following uploading. In the same way as with graphics, you have to take note of the file name that you gave the MP3 file on the server. In case of doubt, you can check the Image list.

You can integrate an MP3 file within your article as shown in the next example:

<mp3>src=Example.mp3|text=<strong>Powerwords</strong>, 24 seconds, 213 Kbyte</mp3>

The example produces the following output in this case in the presentation view:

<mp3>src=Example.mp3|text=Powerwords, 24 seconds, 213 Kbyte</mp3>

Add the tag pair <mp3>...</mp3> at the position in the text where the player is to be displayed for playing the MP3 file. It is generally recommended to insert a blank line before and after the tag pair.

Within the tag pair <mp3>...</mp3>, use the src= parameter to specify the name of the desired MP3 file. You can add descriptive text for the sound file after this with text= parameter, separated by an oblique. The text may also contain simple HTML formatting.

Image Galleries

Image galleries are offered in some cases as a supplement to descriptions, for example screenshots on the processes involved in software configuration. For this purpose, this Wiki offers the possibility of placing galleries with preview images in an article. The advantage of this is that it is not the possibly memory-intensive graphics themselves that are referenced in the text rather only their preview graphics. You do not need to worry in any case about creating the preview graphics yourself. The Wiki application automatically creates a number of versions of each graphic that you upload in different resolutions.

An example of producing a gallery is given below:

<gallery>
  Image:Gallery-example-1.gif|PuTTy Configuration: Section "Logging"
  Image:Gallery-example-2.gif|PuTTy Configuration: Section "Terminal"
  Image:Gallery-example-3.gif|PuTTy Configuration: Section "Keyboard"
  Image:Gallery-example-4.gif|PuTTy Configuration: Section "Bell"
  Image:Gallery-example-5.gif|PuTTy Configuration: Section "Features"
  Image:Gallery-example-6.gif|PuTTy Configuration: Section "Window"
 </gallery>

This produces the following output in the presentation view:

All preview images are automatically clickable. The links lead to descriptive pages that are assigned automatically to each graphic. You can likewise edit these pages as an author, for example in order to add explanatory text.

The gallery with the preview images is enclosed in the tag pair <gallery>...</gallery>. An image is added to each text row in between. The file name of the desired original graphic is specified with Image:(file name). You can add a vertical bar followed by the desired image title after the file name.

Additional Information