Zeigt zufällige Div mit Javascript

Question

Jul 11, 2012, 03:25 AM

Zeigt zufällige Div mit Javascript

Ich möchte also zufällige Divs anzeigen und habe diese Stackoverflow-Lösung hier gefunden:Zeigt zufällige Divs mit Jquery an

Und die richtige Antwort verwendet diesen Code:http://jsfiddle.net/nick_craver/RJMhT/

Also möchte ich das oben Genannte tun, aber für mein ganzes Leben weiß ich nicht wie.

Ich dachte, es wäre so einfach wie

<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>

Aber anscheinend nicht, da auf meinem Bildschirm nichts zu sehen ist. Kann mir jemand helfen? Sollte für jemanden, der sich mit Javascript am wenigsten auskennt, wirklich sehr einfach sein.

Danke dir!