Click to download code
<script type="application/javascript">
window.onload = choosePics;
<!-- Create array of possible images -->
var myPics = new Array("images/Home1.png", "images/Home2.png", "images/Home3.png",
"images/Home4.png", "images/Home5.png", "images/Home6.jpg", "images/Home7.jpg",
"images/Home8.jpg", "images/Home9.jpg", "images/Home10.jpg", "images/Home11.jpg",
"images/Home12.jpg", "images/Home13.jpg", "images/Home14.jpg", "images/Home15.jpeg",
"images/Home16.jpeg", "images/Home1.png", "images/Home2.png");
<!-- Randomly pick the pictures -->
function choosePics() {
var randomNum = Math.floor(Math.random() * (myPics.length - 2));
document.getElementById("col1").src = myPics[randomNum];
document.getElementById("col2").src = myPics[randomNum + 1];
document.getElementById("col3").src = myPics[randomNum + 2];
}
</script>
<body>
<header>
<img src="images/LyriColorLogo2.png" width=400px>
</header>
<h1 id="tocenter">Turn your favorite songs into artwork with LyriColor!</h1>
<h2 id="tocenter"> 3 Past Works </h2>
<!-- Display the pictures -->
<img src="images/Home1.png" width=22% id="col1">
<img src="images/Home2.png" width=22% id="col2">
<img src="images/Home3.png" width=22% id="col3">
<br><br>
</body>
