living matter lab
(Difference between revisions)
(36 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<SCRIPT LANGUAGE="JavaScript">
+
<html>
<!--
+
<center>
 +
<iframe width="612" height="360" src="https://www.youtube.com/embed/prUNbysh96I" frameborder="0" allowfullscreen>
 +
</iframe>
 +
</center>
  
var numBlocks=9;
+
<div class="spacer">&nbsp;</div>
var numImages=15;
+
  
var currentImages = new Array();
+
<html>
 +
    <center>
 +
    <table>
 +
        <tr>
 +
        <td><img src="images/01.jpg" ID="image1" NAME="image1"></td>
 +
        <td><img src="images/02.jpg" ID="image2" NAME="image2"></td>
 +
        <td><img src="images/03.jpg" ID="image3" NAME="image3"></td>
 +
        <td><img src="images/04.jpg" ID="image4" NAME="image4"></td>
 +
        </tr>
 +
        <tr>
 +
        <td><img src="images/05.jpg" ID="image5" NAME="image5"></td>
 +
        <td><img src="images/06.jpg" ID="image6" NAME="image6"></td>
 +
        <td><img src="images/07.jpg" ID="image7" NAME="image7"></td>
 +
        <td><img src="images/08.jpg" ID="image8" NAME="image8"></td>
 +
        </tr>
 +
        <tr>   
 +
        <td><img src="images/09.jpg" ID="image9" NAME="image9"></td>
 +
        <td><img src="images/10.jpg" ID="image10" NAME="image10"></td>
 +
        <td><img src="images/11.jpg" ID="image11" NAME="image11"></td>
 +
        <td><img src="images/12.jpg" ID="image12" NAME="image12"></td>
 +
        </tr>
 +
        <tr>   
 +
        <td><img src="images/13.jpg" ID="image13" NAME="image13"></td>
 +
        <td><img src="images/14.jpg" ID="image14" NAME="image14"></td>
 +
        <td><img src="images/15.jpg" ID="image15" NAME="image15"></td>
 +
        <td><img src="images/16.jpg" ID="image16" NAME="image16"></td>
 +
        </tr>
 +
    </table>
 +
    </center>
 +
</html>
  
for (i = 1; i <= numBlocks; i++) {
+
<html>
    currentImages[i] = i;
+
<center>
}
+
<iframe width="612" height="344" src="https://www.youtube.com/embed/x9IXtTbt2f0" frameborder="0" allowfullscreen>
 
+
</iframe>
function swapPicture() {
+
</center>
        var numberToSwapOut = Math.ceil(Math.random()*numBlocks);
+
        var imageToSwapOut = "image" + numberToSwapOut;
+
       
+
        var numberToSwapIn;
+
        var present = true;
+
       
+
        while (present) { 
+
            numberToSwapIn = Math.ceil(Math.random()*numImages);
+
            present = false;
+
            for (i = 1; i <= numBlocks; i++) {
+
                if (currentImages[i] == numberToSwapIn) {
+
                    present = true;
+
                    break;
+
                }
+
            }
+
        }
+
       
+
        currentImages[numberToSwapOut] = numberToSwapIn;
+
       
+
        if (numberToSwapIn < 10) {
+
            numberToSwapIn = "0" + numberToSwapIn;
+
        }
+
 
+
        var imageToSwapIn = "images/" + numberToSwapIn + ".jpg";
+
       
+
        var target=document.getElementById(imageToSwapOut);
+
        target.src=imageToSwapIn;
+
 
+
      setTimeout("swapPicture()", 3000);
+
}
+
 
+
setTimeout("swapPicture()", 3000);
+
 
+
//-->
+
</SCRIPT>
+

Revision as of 21:10, 2 February 2017