Ребят SOS! Нужна помощь!
Вот смотрите у меня есть слайдер :
<div class="slide active" data-order="1" data-color="#blue" data name="23">
<div class="slide-content ">
<div class="clip-svg">
<a href="#30"> <img class="" src="sl1.jpg" alt="" /> </a>
<div class="title-wrapper">
<h2>ТЕКСТ</h2>
<img id="waves" src="w1.jpg" alt="" />
<h1></h1>
</div>
</div>
</div>
</div>
<div class="slide " data-order="20" data-color="#f59600" data-name="Далее">
<div class="slide-content ">
<div class="clip-svg">
<img class="" src="sl2.jpg" alt="" />
<div class="title-wrapper bigger">
<h2>ТЕКСТ</h2>
<img id="waves" src="w1.jpg" alt="" />
<h1>Серфер ответит</h1>
</div>
</div>
</div>
</div>
<div class="slide " data-order="2" data-color="#f59600" data-name="Далее">
<div class="slide-content ">
<div class="clip-svg">
<img class="" src="sl2.jpg" alt="" />
<div class="title-wrapper bigger">
<h2>ТЕКСТ</h2>
<img id="waves" src="w1.jpg" alt="" />
<h1>Серфер ответит</h1>
</div>
</div>
</div>
</div>
Мне нужно чтобы эти блоки кроме активного ( менялись active случайно
Как такое реализовать ?
Нашел на просторах код
<script>
window.onload = function ()
{
function mix(b) {
for (var c = document.createElement("<div"), d = 0; d < b.length; d++) {
var a = Math.floor(Math.random() * b.length),
e = b[d],
f = e.parentNode,
a = b[a],
g = a.parentNode;
f.insertBefore(c, e);
g.insertBefore(e, a);
f.insertBefore(a, c)
}
c.parentNode.removeChild(c)
};
mix(document.getElementsByTagName("<div>"))
}
</script>
Но как указать чтобы целый блок:
<div class="slide">
</div>
Помогите пожалуйста !