|
|
@@ -0,0 +1,207 @@
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+
|
|
|
+<script language="Javascript">
|
|
|
+<!---
|
|
|
+var num_images_anim = 35;
|
|
|
+var img_width = 800;
|
|
|
+var img_height = 600;
|
|
|
+var interval = 40;
|
|
|
+var images_anim = new Array();
|
|
|
+
|
|
|
+function preload_images_anim()
|
|
|
+{
|
|
|
+ t = document.getElementById("progress");
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[0] = new Image(img_width, img_height);
|
|
|
+ images_anim[0].src = "tmp_frame_0000.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[1] = new Image(img_width, img_height);
|
|
|
+ images_anim[1].src = "tmp_frame_0001.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[2] = new Image(img_width, img_height);
|
|
|
+ images_anim[2].src = "tmp_frame_0002.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[3] = new Image(img_width, img_height);
|
|
|
+ images_anim[3].src = "tmp_frame_0003.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[4] = new Image(img_width, img_height);
|
|
|
+ images_anim[4].src = "tmp_frame_0004.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[5] = new Image(img_width, img_height);
|
|
|
+ images_anim[5].src = "tmp_frame_0005.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[6] = new Image(img_width, img_height);
|
|
|
+ images_anim[6].src = "tmp_frame_0006.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[7] = new Image(img_width, img_height);
|
|
|
+ images_anim[7].src = "tmp_frame_0007.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[8] = new Image(img_width, img_height);
|
|
|
+ images_anim[8].src = "tmp_frame_0008.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[9] = new Image(img_width, img_height);
|
|
|
+ images_anim[9].src = "tmp_frame_0009.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[10] = new Image(img_width, img_height);
|
|
|
+ images_anim[10].src = "tmp_frame_0010.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[11] = new Image(img_width, img_height);
|
|
|
+ images_anim[11].src = "tmp_frame_0011.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[12] = new Image(img_width, img_height);
|
|
|
+ images_anim[12].src = "tmp_frame_0012.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[13] = new Image(img_width, img_height);
|
|
|
+ images_anim[13].src = "tmp_frame_0013.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[14] = new Image(img_width, img_height);
|
|
|
+ images_anim[14].src = "tmp_frame_0014.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[15] = new Image(img_width, img_height);
|
|
|
+ images_anim[15].src = "tmp_frame_0015.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[16] = new Image(img_width, img_height);
|
|
|
+ images_anim[16].src = "tmp_frame_0016.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[17] = new Image(img_width, img_height);
|
|
|
+ images_anim[17].src = "tmp_frame_0017.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[18] = new Image(img_width, img_height);
|
|
|
+ images_anim[18].src = "tmp_frame_0018.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[19] = new Image(img_width, img_height);
|
|
|
+ images_anim[19].src = "tmp_frame_0019.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[20] = new Image(img_width, img_height);
|
|
|
+ images_anim[20].src = "tmp_frame_0020.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[21] = new Image(img_width, img_height);
|
|
|
+ images_anim[21].src = "tmp_frame_0021.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[22] = new Image(img_width, img_height);
|
|
|
+ images_anim[22].src = "tmp_frame_0022.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[23] = new Image(img_width, img_height);
|
|
|
+ images_anim[23].src = "tmp_frame_0023.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[24] = new Image(img_width, img_height);
|
|
|
+ images_anim[24].src = "tmp_frame_0024.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[25] = new Image(img_width, img_height);
|
|
|
+ images_anim[25].src = "tmp_frame_0025.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[26] = new Image(img_width, img_height);
|
|
|
+ images_anim[26].src = "tmp_frame_0026.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[27] = new Image(img_width, img_height);
|
|
|
+ images_anim[27].src = "tmp_frame_0027.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[28] = new Image(img_width, img_height);
|
|
|
+ images_anim[28].src = "tmp_frame_0028.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[29] = new Image(img_width, img_height);
|
|
|
+ images_anim[29].src = "tmp_frame_0029.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[30] = new Image(img_width, img_height);
|
|
|
+ images_anim[30].src = "tmp_frame_0030.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[31] = new Image(img_width, img_height);
|
|
|
+ images_anim[31].src = "tmp_frame_0031.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[32] = new Image(img_width, img_height);
|
|
|
+ images_anim[32].src = "tmp_frame_0032.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[33] = new Image(img_width, img_height);
|
|
|
+ images_anim[33].src = "tmp_frame_0033.png";
|
|
|
+
|
|
|
+ t.innerHTML = "Preloading image ";
|
|
|
+ images_anim[34] = new Image(img_width, img_height);
|
|
|
+ images_anim[34].src = "tmp_frame_0034.png";
|
|
|
+
|
|
|
+ t.innerHTML = "";
|
|
|
+}
|
|
|
+
|
|
|
+function tick_anim()
|
|
|
+{
|
|
|
+ if (frame_anim > num_images_anim - 1)
|
|
|
+ frame_anim = 0;
|
|
|
+
|
|
|
+ document.movie.src = images_anim[frame_anim].src;
|
|
|
+ frame_anim += 1;
|
|
|
+ tt = setTimeout("tick_anim()", interval);
|
|
|
+}
|
|
|
+
|
|
|
+function startup_anim()
|
|
|
+{
|
|
|
+ preload_images_anim();
|
|
|
+ frame_anim = 0;
|
|
|
+ setTimeout("tick_anim()", interval);
|
|
|
+}
|
|
|
+
|
|
|
+function stopit()
|
|
|
+{ clearTimeout(tt); }
|
|
|
+
|
|
|
+function restart_anim()
|
|
|
+{ tt = setTimeout("tick_anim()", interval); }
|
|
|
+
|
|
|
+function slower()
|
|
|
+{ interval = interval/0.7; }
|
|
|
+
|
|
|
+function faster()
|
|
|
+{ interval = interval*0.7; }
|
|
|
+
|
|
|
+// --->
|
|
|
+</script>
|
|
|
+
|
|
|
+<form>
|
|
|
+
|
|
|
+<input type="button" value="Start movie" onClick="startup_anim()">
|
|
|
+<input type="button" value="Pause movie" onClick="stopit()">
|
|
|
+<input type="button" value="Restart movie" onClick="restart_anim()">
|
|
|
+
|
|
|
+<input type="button" value="Slower" onClick="slower()">
|
|
|
+<input type="button" value="Faster" onClick="faster()">
|
|
|
+</form>
|
|
|
+
|
|
|
+<p><div ID="progress"></div></p>
|
|
|
+<img src="tmp_frame_0000.png" name="movie" border=2/>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
Hans Petter Langtangen
