Mostrando al azar div con javascript
Así que quiero mostrar divs aleatorios, y encontré esta solución de stackoverflow aquí:Mostrando divs aleatorios usando Jquery
Y la respuesta correcta usa este código:http://jsfiddle.net/nick_craver/RJMhT/
Así que quiero hacer lo anterior, pero por mi vida, no sé cómo.
Pensé que sería tan simple como
<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>
Pero al parecer no, ya que nada aparece en mi pantalla. ¿Puede alguien ayudarme? Debería ser realmente fácil para alguien que sabe algo de javascript, creo.
Gracias ya