<html>
<head>
<title>DynAPI Examples - Slide Show</title>
<script language="Javascript" src="./dynapisrc/dynapi.js"></script>
<script language="Javascript">
dynapi.library.setPath('./dynapisrc/')
dynapi.library.include('dynapi.api')
dynapi.library.include('ImageClip');
</script>
<script language="Javascript">
projector = new ImageClip({x:200,y:100,w:32,h:32,cols:5,rows:1,speed:400});
projector.addImage(dynapi.functions.getImage('./dynapiexamples/images/file.gif'));
projector.addImage(dynapi.functions.getImage('./dynapiexamples/images/eicon1.gif'));
projector.addImage(dynapi.functions.getImage('./dynapiexamples/images/eicon3.gif'));
projector.addImage(dynapi.functions.getImage('./dynapiexamples/images/calc.gif'));
projector.addImage(dynapi.functions.getImage('./dynapiexamples/images/eicon2.gif'));
dynapi.document.addChild(projector);
var slide=1;
</script>
</head>
<body>
<p><font face="Arial" size="4">ImageClip Slide Show</font></p>
<a href="javascript:;" onclick="projector.playAnimation(false,'1>5');">Show Slides >></a><br>
<a href="javascript:;" onclick="projector.playAnimation(false,'1<5');"> << Show Slides</a><br><br>
<a href="javascript:;" onclick="projector.playAnimation(false,'1<3,5,2,1,4,2,4');"> Mixed Slides</a><br><br>
<a href="javascript:;" onclick="slide++;if(slide>5) slide=5;projector.setFrame(slide);"> Next Slide ></a><br>
<a href="javascript:;" onclick="slide--;if(!slide) slide=1;projector.setFrame(slide);"> < Previous Slide</a>
<script>
dynapi.document.insertAllChildren();
</script>
</body>
</html>
|