Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Hallo,

ja, das ist möglich. Der Kopfbereich deines Forums ist ja HTML-fähig. Ich kann dir da eine wunderbare Internetseite empfehlen, wo du per Online Generator eine Slideshow erstellen kannst. Habe selbst lange nach sowas gesucht und auf dieser Seite kannst du dir sogar aussuchen, ob deine Slideshow lieber flashbasiert oder mit Javascript sein soll. Es gibt narürlich auch andere Wege, um so etwas zu realisieren, aber für Laien ist das mithin das Beste, es ist schnell und einfach.

Hier die Adresse: www.slideful.com
Dort lädst du einfach die Grafiken hoch, die in deiner Slideshow angezeigt werden sollen. Dazu gibt es noch einige Einstellungsmöglichkeiten, zB kannst du Effekte hinzufügen, die Größe der Slideshow einstellen und die Geschwindigkeit der Überblendungen. Danach wird der Code ausgegeben, den kannst du dann entweder als GIF, Javascript oder Flash in den Kopfbereich deines Forums einfügen. Überblendungen werden mit Flash am besten dargestellt, zumindest mit diesem Generator. Fertig.

Gibt natürlich auch andere Generatoren, die sowas ermöglichen, aber die sind meistens kostenpflichtig oder es wird Werbung in die Slideshow eingefügt. Hier ist es werbefrei und kostenlos. Lass dir allerdings gesagt sein, dass Flash und Javascript zu Lasten der Usability gehen. Nicht jeder Internetnutzer hat Javascript aktiviert und Flash ikann zum Beispiel auf Mobilgeräten nicht angezeigt werden. Wenn du eine einfache Animation ohne Überblendungen möchtest, dann speichere dir deine Slideshow am besten als GIF ab, danach kannst du das GIF einfach in dein Forum hochladen.

Hoffe, es ist das, was du brauchst, aber ich denke schon.

Grüße

P.S. Ich nutze diesen Online Generator übrigens nicht mehr, ich habe mir zu diesem Zweck ein eigenes Javascript zusammengebastelt, das ich dir gern zur Verfügung stellen kann.

Hier mal eine Funktion auf die Schnelle

<div id="slideshow">
<div><img src="http://up.picr.de/20415997vm.png" alt="" /></div>
<div><img src="http://up.picr.de/20415998mp.png" alt="" /></div>
<div><img src="http://up.picr.de/20415999js.png" alt="" /></div>
<div><img src="http://up.picr.de/20415998mp.png" alt="" /></div>
</div>
<style>
#slideshow {margin: 50px auto;position: relative; width: 1200px; height: 300px; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.4); } #slideshow > div { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; }
#slideshow img{width: 1200px; height: 300px;}
</style>
<script>
$("#slideshow > div:gt(0)").hide();setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1500)
.next()
.fadeIn(1500)
.end()
.appendTo('#slideshow');
}, 4000);
</script>
 

Zu sehen ist es hier

http://ofn-testforumzwei.xobor.de/

Es ist eben Vieles möglich.

So was suche ich auch schon seit längerem, super Tipp.
Nur mit dem Befehl Zeile 8 & 9 komme ich nicht ganz klar.

"width" & "heigth" sind warscheinlich für die Bildgröße. wenn ich 800 x 600 einstellen will, müßte ich wohl diese Werte eingeben ?
"boxshadow" ist für eine Umrandung des Bildes (bräuchte ich nicht) ? Was bewirkt "padding" ?

Vielleicht kann mir das mal jemand erläutern, vielen Dank.

padding bedeutet hier, dass zum Rand 10px Abstand bleiben, der Innenabstand quasi.

Zitat von S.Oliver im Beitrag #7

---

Nur mit dem Befehl Zeile 8 & 9 komme ich nicht ganz klar. Das sind die Styleanweisungen. Da mal ein wenig Testen und du siehst veränderungen. Ja 800 x 600 ist die Größe. Habe nun mal etwas verändert am besten vergleichst du mal beides und schaust die die Unterschiede an
Erster Code schaut so aus
http://ofn-testforumzwei.xobor.de/

zweiter Code schaut so aus

http://ofn-testforum.xobor.de/

Hier mal der Geänderte Codebereich

1
2
 

#slideshow {margin: 0px auto;position: relative; width: 100%; height: 300px; padding: 0px; box-shadow: 0 0 20px rgba(0,0,0,0.4); } #slideshow > div { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
#slideshow img{width: 100%; height: 300px;}
 

"boxshadow" ist für eine Umrandung des Bildes (bräuchte ich nicht) ? Was bewirkt "padding" ? Ist in der 2. Version auf 0 gestellt. Schau dir die andere ansicht an und du siehst wo was Verändert wurde und wie es nun ausschaut.

Vielleicht kann mir das mal jemand erläutern, vielen Dank.

---