living matter lab
(Difference between revisions)
Line 1: Line 1:
<SCRIPT LANGUAGE="JavaScript">
+
    <center>
<!--
+
    <table>
 
+
        <tr>
var numBlocks=9;
+
        <td><img src="images/01.jpg" ID="image1" NAME="image1"></td>
var numImages=15;
+
        <td><img src="images/02.jpg" ID="image2" NAME="image2"></td>
 
+
         <td><img src="images/03.jpg" ID="image3" NAME="image3"></td>
var currentImages = new Array();
+
         </tr>
 
+
         <tr>
for (i = 1; i <= numBlocks; i++) {
+
         <td><img src="images/04.jpg" ID="image4" NAME="image4"></td>
    currentImages[i] = i;
+
         <td><img src="images/05.jpg" ID="image5" NAME="image5"></td>
}
+
        <td><img src="images/06.jpg" ID="image6" NAME="image6"></td>
 
+
         </tr>
function swapPicture() {
+
         <tr>   
         var numberToSwapOut = Math.ceil(Math.random()*numBlocks);
+
         <td><img src="images/07.jpg" ID="image7" NAME="image7"></td>
        var imageToSwapOut = "image" + numberToSwapOut;
+
         <td><img src="images/08.jpg" ID="image8" NAME="image8"></td>
          
+
         <td><img src="images/09.jpg" ID="image9" NAME="image9"></td>
         var numberToSwapIn;
+
        </tr>
         var present = true;
+
    </table>
          
+
    </center>
        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 22:35, 2 April 2007

<img src="images/01.jpg" ID="image1" NAME="image1"> <img src="images/02.jpg" ID="image2" NAME="image2"> <img src="images/03.jpg" ID="image3" NAME="image3">
<img src="images/04.jpg" ID="image4" NAME="image4"> <img src="images/05.jpg" ID="image5" NAME="image5"> <img src="images/06.jpg" ID="image6" NAME="image6">
<img src="images/07.jpg" ID="image7" NAME="image7"> <img src="images/08.jpg" ID="image8" NAME="image8"> <img src="images/09.jpg" ID="image9" NAME="image9">