前端之家收集整理的这篇文章主要介绍了
DOjo的一个幻灯片播放例子,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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类库,这个例子是静态的, 可以用动态的
方法把
数据库的
图片读出来就可以了
原文链接:https://www.f2er.com/dojo/291401.html