[{ALLOW view All}]
[{ALLOW edit Admin}]
!!!Bilder

[{TableOfContents }]

!!Einfügen von Bildern


Es gibt zwei Möglichkeiten um ein Bild hochzuladen: entweder über den Reiter 'Anhänge' oder während des Editierens über die Werkzeugleiste durch den Button 'Hochladen' (hier wird der Befehl zum Einbinden gleich in den Text eingefügt).

> Nur Bilder, bei denen das Verwendungsrecht dem Austria-Forum übertragen wurde, dürfen hochgeladen werden
> Für die Erstellung von Bildfolgen siehe Abschnitt [Plugins|Hilfe/Plugins]!

Das Bild sollte einen sinnvollen und passenden Namen haben. Weiters ist es wichtig, dass das Bild nur dann in hoher Qualität hochgeladen wird, wenn diese auch wirklich hochauflösend scharf und nicht verschwommen ist.

\\

[{Image src='Hilfe_Bild-hochlanden.png' width='900' height='227'}]



\\
!Einbinden in einen Artikel


{{{[{Image src='Bildname.jpg' caption='Bildunterschrift\\© XYZ' alt='Bildbeschreibung' width='Breite' height='Höhe'}]}}}

\\
[{Image src='RedakII_790313a_1.jpg' class='image_right' caption='150 Jahre Erste Donau-Dampf-Schiffahrtsgesellschaft\\© Österreichische Post' alt='Briefmarke, Donau-Dampf-Schiffahrt, 1979' width='180' popup='false' height='113'}]


Das __caption- Element__ bildet die Bildunterschrift und beinhaltet somit die vollständige Beschreibung des Bildes inkl. des Copyrights. Falls Sie ein Copyright bei einem Bild angeben, dies bitte nur mit dem caption-Element! 


Der __ALT-Text__ ist eine Text-Alternative für Grafiken, die es ermöglicht, Informationen die sonst nur auf dem Bild sichtbar wären, als maschinenlesbaren Text darzustellen (barrierefreies Design). 


Für das rechts gezeigte Bild ist der Alt-Text entsprechend gesetzt: ''Briefmarke, Donau-Dampf-Schiffahrt, 1979''\\
Fährt man mit dem Mauszeiger über das Bild, so wird der Text angezeigt, der im alt-Bereich definiert wurde.



\\
!Optionale Befehle


----
%%cols-r
{{{align='center'




}}}
----
Zentriert das Bild. Achtung: Enthält die Bildadresse eine weitere CSS-Klasse, funktioniert align='center' nicht. In diesem Fall ist folgende Form zu wählen, um das
Bild zu zentrieren: 
~%%center\\
Bildadresse\\
~%%


%%
----
%%cols-r
{{{width='100' height='250'




}}}
----
Definiert die gewünschte Breite und die Höhe. Wird nur ein Wert angegeben, berechnet das System beim Speichern des Artikels automatisch den anderen. Wird kein Wert angegeben werden Breiten- und Höhenangaben eingefügt. Diese entsprechen dann der Originalauflösung des Bildes.
%%
----
%%cols-r
{{{[{Image src='Bildname.jpg' class='image_right'}]




}}}
----

[{Image src='RedakII_790313a_1.jpg' alt='Bildbeschreibung' popup='false' height='80' class='image_right' width='126'}]
Definiert den Textfluss. Das Bild wird rechtsbündig vom Text umflossen.
%%
----
%%cols-r
{{{[{Image src='Bildname.jpg' class='image_left'}]




}}}
----

[{Image src='RedakII_790313a_1.jpg' alt='Bildbeschreibung' popup='false' height='80' class='image_left' width='126'}]
Definiert den Textfluss. Das Bild wird linksbündig vom Text umflossen.

%%
----
%%colsr
{{{[{Image src='Bildname.jpg' class='image_block'}]
[{Image src='Bildname.jpg' class='image_block'}]
Hier kann ein Text stehen.
[{Image src='Bildname.jpg' class='image_block'}]
....



}}}
----

[{Image src='RedakII_790313a_1.jpg' alt='Bildbeschreibung' popup='false' height='50' class='image_block'  width='79'}]
[{Image src='RedakII_790313a_1.jpg' alt='Bildbeschreibung' popup='false' height='50' class='image_block'  width='79'}]
Hier könnte Text stehen.
[{Image src='RedakII_790313a_1.jpg' alt='Bildbeschreibung' popup='false' height='50' class='image_block'  width='79'}]


\\
Bilder (und auch Text) werden linksbündig nacheinander aufgereiht. Ist die maximale Breite zur Darstellung erreicht, werden weitere Bilder automatisch in einer neuen Zeile dargestellt.
%%
----
%%cols-r
{{{%%center
[{Image src='Bildname.jpg' class='image_block'}]
[{Image src='Bildname.jpg' class='image_block'}]
[{Image src='Bildname.jpg' class='image_block'}]
%%



}}}
----
%%center
[{Image src='RedakII_790313a_1.jpg' alt='Bildbeschreibung' popup='false' height='60' class='image_block'  width='94'}]
[{Image src='RedakII_790313a_1.jpg' alt='Bildbeschreibung' popup='false' height='60' class='image_block'  width='94'}]
[{Image src='RedakII_790313a_1.jpg' alt='Bildbeschreibung' popup='false' height='60' class='image_block'  width='94'}]
%%

\\
Zentrierte Darstellung der "''image_block''" Funktion.

%%
----
%%cols-r
{{{Interne Verklinkung:
link ='Hilfe'

Externe Verlinkung: 
link ='http://www.google.at/'
}}}
----
\\ \\
Das Bild selbst fungiert als Link.
%%
----
%%cols-r
{{{popup='false'
popup='true'








}}}
----
[{Image src='RedakII_790313a_1.jpg' class='image_right' caption='popup: true' popup='true' height='80' width='126'}]
[{Image src='RedakII_790313a_1.jpg' class='image_right' caption='popup: false' popup='false' height='80' width='126'}]

Fährt man mit der Maus zu einem Bild, so ändert sich der Cursor zu einer Lupe, sofern die Originalgröße des Bildes mehr als 20% über der gezeigten Bildgröße liegt. Will man dies verhindern, so muss der Parameter {{{popup='false'}}} angegeben werden. 


Umgekehrt, will man ein nur geringfügig größeres Bild trotzdem vergrößert anzeigen ist popup='true' zu setzen.
%%
----
%%cols-r
{{{class='noborder'

}}}


----
Bilder haben automatisch einen grauen Rahmen. Bilder ohne Rahmen sind durch die Klasse 'noborder' möglich. 
%%
----

!!Bild verlinken

Mit dem Befehl ''link'' setzt man das Bild als Link. Bei Klick auf das Bild wird man auf die gewünschte Seite geleitet.
%%cols-r
{{{{Image src='Bildname.jpg' link='Linkname'}]

}}}


----

[{Metadata Suchbegriff=' Hilfe'}]