Slide Show : Slide Show : Page Components JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Page Components » Slide Show »

 

Slide Show




<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 &gt;&gt;</a><br>
<a href="javascript:;" onclick="projector.playAnimation(false,'1<5');"> &lt;&lt; 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 &gt;</a><br>
<a href="javascript:;" onclick="slide--;if(!slide) slide=1;projector.setFrame(slide);"> &lt; Previous Slide</a>
<script>
  dynapi.document.insertAllChildren();
</script>
</body>
</html>

           
       

Download : Download nav_dynapi.zip nav_dynapi.zip


-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Page Components
» Slide Show