Für Hardgaming wurde ein Slider benötigt. Da ich nicht gerne 3 Anbieter Software nutze, habe ich einen wirklich einfachen und kleinen Slider geschrieben. Der Slider ist sehr einfach in die Webseite zu Integrieren. Was dafür benötigt wird:
Die Gestalltung des Sliders überlasse ich euch selbst, hier ist der code
- Einen DIV der den Slider Umgibt
- Beliebig viele divs die den Inhalt der Slider Seiten Darstellen. Wichtig es muss eine name Eigenschaft mit dem wert Slide vorhanden sein. Diese divs sollten sich im Übergeordnetem DIV befinden.
Die Gestalltung des Sliders überlasse ich euch selbst, hier ist der code
C#-Quellcode
- <script type="text/jscript">
- var SlidesCount = 0;
- var LastSlidePage = 0;
- /* Startet den Slider Timer */
- window.setInterval(function() {Slide()}, 10000);
- function Slide() {
- /* Ermittelt die Anzahl der Slider Seiten */
- SlidesCount = document.getElementsByName("Slide").length -1;
- /* Blendet die alte Slider Seite aus */
- document.getElementsByName("Slide")[LastSlidePage].style.display= "none";
- /* Berechnet den Index der nächsten Slider Seite */
- LastSlidePage = LastSlidePage +1;
- /* Wenn der neue Index größer ist, als die anzahl der Seiten wird der Index auf 0 gesetzt*/
- if(LastSlidePage > SlidesCount)
- {
- LastSlidePage = 0;
- }
- /* Blendet die neue Slider Seite ein */
- document.getElementsByName("Slide")[LastSlidePage].style.display= "inherit";
- }
- </script>
