Отображение случайного div с JavaScript
Итак, я хочу показать случайные div, и я нашел вот это решение для работы со стеком:Отображение случайных дивов с помощью Jquery
И правильный ответ использует этот код:http://jsfiddle.net/nick_craver/RJMhT/
Итак, я хочу сделать вышеизложенное, но я не знаю, как это сделать.
Я думал, что это будет так же просто, как
<html>
<head>
<script type="text/javascript">
var divs = $("div.Image").get().sort(function() {
return Math.round(Math.random())-0.5; //random so we get the right +/- combo
}).slice(0,4)
$(divs).appendTo(divs[0].parentNode).show();
</script>
<style type="text/css">
div.Image {
display: none;
}
</style>
</head>
<body>
<div class="Image"><img src="/image1.jpg">1</div>
<div class="Image"><img src="/image2.jpg">2</div>
<div class="Image"><img src="/image3.jpg">3</div>
<div class="Image"><img src="/image4.jpg">4</div>
<div class="Image"><img src="/image5.jpg">5</div>
<div class="Image"><img src="/image6.jpg">6</div>
<div class="Image"><img src="/image7.jpg">7</div>
</body>
</html>
Но, видимо, нет, так как на моем экране ничего не появляется. Кто-нибудь может мне помочь? Я думаю, это должно быть действительно легко для тех, кто хоть немного знает о JavaScript.
Спасибо тебе!