gbrault
/
jupytersketcher
镜像来自 https://github.com/gbrault/jupytersketcher.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<html>
<head>
</head>
<body>

<script language="Javascript">
<!---
var num_images_anim = 25;
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 = "frame_0000.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[1] = new Image(img_width, img_height);
   images_anim[1].src = "frame_0001.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[2] = new Image(img_width, img_height);
   images_anim[2].src = "frame_0002.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[3] = new Image(img_width, img_height);
   images_anim[3].src = "frame_0003.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[4] = new Image(img_width, img_height);
   images_anim[4].src = "frame_0004.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[5] = new Image(img_width, img_height);
   images_anim[5].src = "frame_0005.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[6] = new Image(img_width, img_height);
   images_anim[6].src = "frame_0006.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[7] = new Image(img_width, img_height);
   images_anim[7].src = "frame_0007.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[8] = new Image(img_width, img_height);
   images_anim[8].src = "frame_0008.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[9] = new Image(img_width, img_height);
   images_anim[9].src = "frame_0009.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[10] = new Image(img_width, img_height);
   images_anim[10].src = "frame_0010.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[11] = new Image(img_width, img_height);
   images_anim[11].src = "frame_0011.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[12] = new Image(img_width, img_height);
   images_anim[12].src = "frame_0012.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[13] = new Image(img_width, img_height);
   images_anim[13].src = "frame_0013.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[14] = new Image(img_width, img_height);
   images_anim[14].src = "frame_0014.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[15] = new Image(img_width, img_height);
   images_anim[15].src = "frame_0015.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[16] = new Image(img_width, img_height);
   images_anim[16].src = "frame_0016.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[17] = new Image(img_width, img_height);
   images_anim[17].src = "frame_0017.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[18] = new Image(img_width, img_height);
   images_anim[18].src = "frame_0018.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[19] = new Image(img_width, img_height);
   images_anim[19].src = "frame_0019.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[20] = new Image(img_width, img_height);
   images_anim[20].src = "frame_0020.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[21] = new Image(img_width, img_height);
   images_anim[21].src = "frame_0021.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[22] = new Image(img_width, img_height);
   images_anim[22].src = "frame_0022.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[23] = new Image(img_width, img_height);
   images_anim[23].src = "frame_0023.png";
        
   t.innerHTML = "Preloading image ";
   images_anim[24] = new Image(img_width, img_height);
   images_anim[24].src = "frame_0024.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>
&nbsp;
<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()">
&nbsp;
<input type="button" value="Slower" onClick="slower()">
<input type="button" value="Faster" onClick="faster()">
</form>

<p><div ID="progress"></div></p>
<img src="frame_0000.png" name="movie" border=2/>

</body>
</html>