Beispiel-Seite

 

 

A. Darstellungsmöglichkeiten von Slideshows mit NextGen-Galerie

(stellt nur eine Auswahl dar)

 

 

1. Nachfolgende Bildergalerie blendet die Fotos der Reihe nach ein, und zeigt die restlichen Fotos am unteren Fotorand in kleinen Vorschaubildern an.

Code: [ nggallery id=X template=galleryview images=0 ]

(Leerzeichen vor den eckigen Klammern löschen)


 

 

2. Diese Bildergalerie zeigt mehrere kleine Fotos neben- und untereinander. Ein Klick auf das Foto vergrößert das jeweilige Foto. Ein Klick auf „Show as slideshow“ zeigt ein Fenster an, in dem die Fotos der Reihe nach eingeblendet werden.

Code:  [ nggallery id=8 ]

(Leerzeichen vor den eckigen Klammern löschen)

Kleines Bilderfenster, in dem die Fotos der Reihe nach eingeblendet werden:

 

 

3. Bei folgender Bildergalerie kann man mit „Vor“ und „Zurueck“ durch die Galerie klicken, oberhalb des Fotos wird der Dateiname der Fotodatei angezeigt:

Code:  [ imagebrowser id=1 ]

(Leerzeichen vor den eckigen Klammern löschen)

blaue-berge

 

 

4. Zeigt kleine Bilder neben-und untereinanderan, unter den Fotos wird die Foto-Beschreibung angezeigt.

Code:  [ nggallery id=6 template=caption ]

(Leerzeichen vor den eckigen Klammern löschen)

[Not a valid template]

 

B. Schriftarten und -größen wählen

Die Schriftgröße lässt sich über Absatzformate ändern: In der 2. Zeile der Symbolleiste, 1. Symbol links. Folgende Schriften stehen zur Verfügung:

Überschrift 1

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5
Überschrift 6

Absatz

Adresse
Monospace

 

 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

 

Dies ist ein Audio, erstellt in Soundcloud:

 

Ein Video, eingefügt aus Youtube:

 

C. Quiz

ABP Beispiel-Quiz

User spielen gerne. Wie wäre es mit einem Quiz passend zum Thema? Auf diese Weise läßt sich nicht nur der Spieltrieb befriedigen, man kann auch geschickt Informationen transportieren, die der User nicht so schnell wieder vergisst. Freilich sollte man sich für die Entwicklung eines Quiz genug Zeit nehmen und sich interessante Fragen einfallen lassen. Die Mühe lohnt sich. Die User bleiben länger, empfehlen die Seite vielleicht weiter. Interaktive Gewinnspiele erhöhen die Attraktivität der Seite natürlich noch mehr. Und nicht zuletzt verraten uns die User so möglicherweise etwas über ihre Vorlieben…

Also auf zu unserem Beispiel-Quiz: Wie gut kennen Sie die ABP?

 

 

D. Mouseover-Effekte mit dem Plugin „Mouse Over Free“

[MouseOver_01]

Hier sollten wir jetzt einen
Mouseover-Effekt sehen.

 

E. Mouseover-Effekte mit Plugin „Image Mapper“

 

[image_mapper id=“1″]

 

F. Karten einbinden mit Plugin „Maps Marker“

 

[mapsmarker marker=“1″]

 

G. Vorher-Nachher-Fotos

 

 

 

 

H. Interaktive Fotos mit Thinglink



Title 1

Lorem ipsum dolor sit amet.

Title 2

Lorem ipsum dolor sit amet.

Title 3

Lorem ipsum dolor sit amet.

Title 4

Lorem ipsum dolor sit amet.

Title 5

Lorem ipsum dolor sit amet.

Title 1

Lorem ipsum dolor sit amet.

Title 2

Lorem ipsum dolor sit amet.