<script language="javascript">var container;function start(div,a, b, c) {
container=document.getElementById(div);
if (a<100 && b<100 && c<100) {
images=['1.jpg','2.jpg','3.jpg']
circle();
return;
}
if (a>100 && b<100 && c<100) {
images=['2.jpg','3.jpg']
circle();
return;
}
if (a<100 && b>100 && c<100) {
images=['1.jpg', '3.jpg']
circle();
return;
}
if (a<100 && b<100 && c>100) {
images=['1.jpg', '2.jpg']
circle();
}
}var counter=0;
var images=[];
function circle() {
container.src=images[counter];
counter++;if (counter >= images.length) {
counter=0;
}setTimeout("circle();", 200);
}function loadRes() {
var loader = new Image();loader.src="1.jpg";
loader.src="2.jpg";
loader.src="3.jpg";info.innerText="Loaded.";
}
</script><img id="container_1" src="1.jpg"/>
<div id="info" style="font-size: 9; color: red"></div>
<script language="javascript">
start("container_1",10,10,180);
</script><img id="container_2" src="1.jpg"/>
<div id="info" style="font-size: 9; color: red"></div>
<script language="javascript">
start('container_2',300,20,180);
</script>