Startpunkt des Sliders per Zufall festlegen
Hallo liebe Community,
ich möchte im Template meines Themes mittels JQuery eine Background-Slider-Animation einbinden. Hat auch soweit geklappt - die Hintergrundbilder werden der Reihe nach angezeigt. Nun möchte ich allerdings die Reihenfolge der Bilder per Zufall anordnen lassen, damit ein bissl Abwechslung reinkommt.
Sprich, wie bekomm ichs hin, dass aus:
HTML
<div id="slideshow">
<img src="http://meineseite/wp-content/themes/testtheme/01.jpg" alt="" class="active" />
<img src="http://meineseite/wp-content/themes/testtheme/02.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/03.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/04.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/05.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/06.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/07.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/08.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/09.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/10.jpg" alt="" />
</div>
Alles anzeigen
zum Beispiel das wird:
HTML
<div id="slideshow">
<img src="http://meineseite/wp-content/themes/testtheme/01.jpg" alt=""/>
<img src="http://meineseite/wp-content/themes/testtheme/02.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/03.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/04.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/05.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/06.jpg" alt="" class="active" />
<img src="http://meineseite/wp-content/themes/testtheme/07.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/08.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/09.jpg" alt="" />
<img src="http://meineseite/wp-content/themes/testtheme/10.jpg" alt="" />
</div>
Alles anzeigen
Es soll also nur die Klasse "aktive" (Startpunkt des Sliders) verschoben werden.
Bin für jeden Hinweis dankbar.
lg
FragenLurch