Erste Erfolge!
Ob das mit den Buttons allerdings noch wird, ist zu bezweifeln. Aber wer weiß...

---

Der Style:

<style type="text/css">
<!--
.slide_box {
display:table-cell;
width:300px;
height:305px;
border:groove;
vertical-align:middle;
}
.slide_pic {
max-width:100%;
max-height:100%;
}
-->
</style>

Das vollständige Skript, wie es auch z.B. auf eine Homepage eingebunden werden kann:

<center><span style="display:table;"><div align="center" class="slide_box">

<img class="slide_pic" name="slide" src="http://www.bilder-hochladen.net/files/585t-9.gif" alt="Slideshow" />

<script type="text/javascript">
var bilder = new Array();
bilder[0] = new Image(); bilder[0].src = "http://server.de/bilder/bild1.gif";
bilder[1] = new Image(); bilder[1].src = "http://server.de/bilder/bild2.gif";
bilder[2] = new Image(); bilder[2].src = "http://server.de/bilder/bild3.gif";

var i = 0;
function slider() {
if (i > 2)
i = 0;
document.images["slide"].src = bilder[i].src;
i = i + 1;
window.setTimeout("slider()", 3000);
}

window.setTimeout("slider()", 3000);
</script>

</div></span></center>

---

Einbau ins Forum:
(Einige Unterschiede zu oben, da das Skript flexibel sein muss!)

Zuerst den oben angegebenen Style im Template Element "Obere Leiste" zwischen den Head-Tags eingeben. Breite (width:300px;), Höhe (height:305px;) und Rahmen (border:groove;) können jederzeit angepasst werden. display:table-cell;, vertical-align:middle; und alles unter .slide_pic sollte unverändert bleiben.


Danach müssen nur noch die Foren-Codes angegeben werden:

[slide]

ersetzen mit:

<center><span style="display:table;"><div align="center" class="slide_box"><img class="slide_pic" name="slide" src="http://www.bilder-hochladen.net/files/585t-9.gif" alt="Slideshow" /><script type="text/javascript">var bilder = new Array();

[bild_1]

ersetzen mit:

bilder[0] = new Image(); bilder[0].src = "

[bild_2]

ersetzen mit:

bilder[1] = new Image(); bilder[1].src = "

usw. ..., je nachdem, wie viele Bilder maximal angegeben werden können. Der Admin muss sich eben einmal die Arbeit machen und bis zu einer gewünschten maximalen Bilderzahl den Code ergänzen. Es ist darauf zu achten, dass die Zahl im Quellcode immer zweimal um 1 erhöht werden muss! (bilder[x]...)
Die Besonderheit: Im Foren-Code wird 1 angegeben, im Quelltext muss bei 0 angefangen werden. Das ist zwar ein wenig verwirrend, macht es aber später bei der Benutzung einfacher.

[/bild]

ersetzen mit:

";

[bild_nr]

ersetzen mit:

var i = 0;function slider() {if (i >

[/bild_nr]

ersetzen mit:

-1) i = 0;document.images["slide"].src = bilder[i].src;i = i + 1;window.setTimeout("slider()", 3000);}window.setTimeout("slider()", 3000);</script></div></span></center>

Die "-1" am Anfang zieht von der eingegebenen Bilderanzahl 1 ab. Dies ist nötig, weil im Skript bei 0 angefangen wird zu zählen anstatt bei 1. So kann der User aber die Bilderanzahl eingeben.
Hier kann auch das Zeitintervall festgelegt werden, in welchem die Bilder wechseln. Der Wert wird in Millisekunden angegeben.

setTimeout("slider()", 3000);

bedeutet also, dass 3 Sek. ein anderes Bild angezeigt wird.




Um die Slideshow im Beitrag zu verwenden, werden die Foren-Codes folgendermaßen benutzt:

Ein Beispiel:


Im Firefox wird die Größe des Anzeigefensters für die Slideshow beibehalten.
Der IE vergrößert den Anzeigebereich. Das ist evtl. ein bisschen störend, wenn die Beiträge andauernd verrutschen.
Als erstes wird eine Art Logo eingeblendet. Dieses wird außerdem auch angezeigt, wenn JavaScript deaktiviert ist.


(Dieses Skript wird evtl. noch ein wenig verändert, verbessert oder ergänzt!)

Hallo Wolfgang,
zuerst einmal zu den Spoilern. Sie sind bei mir geschlossen, sowohl im Firefox, als auch im IE.

Der Text beim Antworten ist in der Tat etwas störend. Ich hoffe, dass wenn das Skript im Template untergebracht ist, es normal aussehen wird.
Beim nächsten Mal Teste ich dann noch die Symbol-Bar.

Das mit dem Foren-Code ist so eine Sache. Zuerst sollte mal das Skript vollständig stehen. Vorher kann ich keine Aussage treffen. Leider sind nur einzelne Zeilen für die Foren-Codes da. Viel besser wären Text-Felder, die mehr Zeichen erlauben. Gerade hier war das Problem wegen den zu kurzen Zeilen vorhanden.

Wegen der sich immer wieder verändernden Größe im IE habe ich erstmal eine Idee. Ich hoffe, dass sie funktioniert. Außerdem kam mir noch eine andere Idee, wie ich vielleicht die Buttons einfügen kann. Leider kann ich nichts versprechen!

Außerdem: Die Kommentar-Zeichen im Style wurden entfernt. Sollte jetzt wieder gehen.

Die Slideshow sollte nun fertig sein!
Sie ist soweit optimiert, dass nur noch gerigfügige Anpassungen nötig sind. (z.B. wegen der Bilderanzahl)

Ich denke, dass die Foren-Codes so gut wie möglich gewählt sind.
Andere Möglichkeiten sehe ich nicht, aufgrund von Platzmangel in der Zeile für Foren-Codes im Admin-Menü.
Außerdem würde das Skript sonst nicht mehr funktionieren.

Das Aussehen der Slideshow-Anzeige kann jederzeit selbst angepasst werden.
Genauso wie ein Bild, dass bei Stop angezeigt wird und das Zeitintervall, bis das nächste Bild angezeigt wird.
Das ist möglich, weil diese Änderungen im Template vorgenommen werden.
Die Foren-Codes bleiben dadurch unangetastet und das sorgt wiederum dafür, dass bei dem Edit eines Beitrages mit Slideshow nicht unübersichtlicher Text angezeigt wird.

Außerdem stört die Slideshow beim Beitrag-Lesen nicht mehr, auch ohne Spoiler. Sie kann nun angehalten werden.
Im Firefox werden die Bilder sogar an die Rahmen-Größe angepasst und sind vertikal zentriert.
Opera passt die Bilder nicht an die Rahmengröße an und IE ebenso, wobei der IE auch die vertikale Zentrierung nicht hinbekommt.

Verfügbare Buttons: Zurück, Play, Pause, Stop, Vor
Jeder User kann selbst wählen, welche Buttons eingefügt werden sollen.

Im Gegensatz zu vorher können mehrere Slideshows eingebunden werden. Vorher wurde immer nur die erste aktiviert.
Es könnte allerdings sein, dass wenn die erste schon auf Play ist, man bei der zweiten evtl. noch ein zweites Mal drücken muss.

Wenn eine andere Slideshow schon ein paar Bilder durchlaufen hat, kann es sein, dass bei der nächsten mit Bild zwei, drei... angefangen wird.
Sie durchläuft aber später bei der Wiederholung die ersten Bilder ganz normal.
Dass lässt sich nicht ändern, da ein Zähler hochgezählt wird. Andernfalls müsste man bei 100 Slideshows 100 Skripte definieren. Wenn aber eine Slideshow gestoppt wird, funktioniert die nächste auch ganz normal. Das ist nur geringfügig und stört eigentlich nicht (Wenn man es überhaupt bemerkt.

Es können beliebig viele Bilder in die Slideshow eingefügt werden. Sie müssen aber über eine URL aufgerufen werden können.
Wer eigene Bilder einbringen will, kann ja http://www.bilder-hochladen.net benutzen.

Standardmäßig wird ein Hinweis bei deaktiviertem JavaScript ausgegeben.


Anleitung dür das Forum
Anleitung dür die eigene Homepage


Viel Spaß beim Testen!