DOjo的一个幻灯片播放例子

jackyrong · 发表于 2013-2-7 19:35:33

dojo的确是个不错的ajax框架，下面是一个dojo下的播放幻灯片效果图片的例子。

首先建立一个目录叫slidetest,然后再建立一个放图片的目录images,
然后把下载回来的dojo包解压缩，将其中的src,demos目录以及dojo.js放到
slidetest目录下
然后建立test.htm文件，代码如下
<html>
<head>
  <title>Slideshow Widget Demo</title>

  <script type="text/javascript"> var djConfig = {isDebug: true}; </script>
  <script type="text/javascript" src="dojo.js"></script>
  <script language="JavaScript" type="text/javascript">
   dojo.require("dojo.widget.*");
   dojo.require("dojo.widget.SlideShow");
  </script>

  <style>
  html, body {
   height: 100%; width: 100%;
   overflow: hidden;
  }
  </style>
</head>
<body>
  <img dojoType="SlideShow"
   imgUrls="images/1.jpg;images/2.jpg;images/3.jpg;images/4.jpg;images/5.jpg;images/6.jpg"
   transitionInterval="700"
   delay="4000"
   src="images/1.jpg"
   imgWidth="400" imgHeight="300" />
</body>
</html>

其中用到了dojo的widget工具包的slideshow类库，这个例子是静态的，
可以用动态的方法把数据库的图片读出来就可以了

		自动登录	找回密码
密码			立即注册