<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> </div> </nav> <div class="col-md-6 well"> <hr style="border-top:1px dotted #ccc;"/> <div class="col-md-1"> </div> <div class="col-md-10"> </div> </div> </body> </html>
shuffle(); function shuffleArray(arr) { for (var i = 0, shuffled = [], randomIndex = 0; i < arr.length; i++) { randomIndex = Math.floor(Math.random() * arr.length); while (shuffled.indexOf(arr[randomIndex]) !== -1) { randomIndex = Math.floor(Math.random() * arr.length); } shuffled.push(arr[randomIndex]); } return shuffled; } function shuffle(){ var arr = ["image1.jpg", "image2.jpg", "image3.jpg", "image4.jpg", "image5.jpeg", "image6.jpg"]; var html = ""; shuffleArray(arr).forEach(function(item){ html += "<img src='images/"+item+"' width='130' height='130' style='margin:10px; float:left;'>"; }) html += "<br style='clear:both;'/>"; document.getElementById('result').innerHTML = html; }