Javascript dojo 1.9 dojox/widget/Rotator,用于动态生成图像

Javascript dojo 1.9 dojox/widget/Rotator,用于动态生成图像,javascript,image,dojo,slideshow,pojo,Javascript,Image,Dojo,Slideshow,Pojo,dojox.widget.Rotator在DojoToolkit 1.9中非常旧。似乎没有任何更新 我尝试使用dojoToolkit 1.9创建一个图像小部件旋转器。但我可以做到,因为在Dojo1.9中似乎没有办法做到这一点 从dojo文档中可以看到如下内容: dojo.require("dojox.widget.Rotator"); dojo.require("dojox.widget.rotator.Fade"); dojo.ready(function(){ // add a 3rd pa

dojox.widget.Rotator在DojoToolkit 1.9中非常旧。似乎没有任何更新

我尝试使用dojoToolkit 1.9创建一个图像小部件旋转器。但我可以做到,因为在Dojo1.9中似乎没有办法做到这一点

从dojo文档中可以看到如下内容:

dojo.require("dojox.widget.Rotator");
dojo.require("dojox.widget.rotator.Fade");
dojo.ready(function(){
// add a 3rd pane
dojo.create("div", { className: "pane", innerHTML: "dynamically added Pane" }, "myRotator2");

new dojox.widget.Rotator(
    {
        transition: "dojox.widget.rotator.fade"
    },
    dojo.byId("myRotator2")
  );
});

它完全在dojo演示网站上,似乎是AMD。见@ben。非常感谢。有参考源代码吗?我需要一些源代码来测试它。这是你的意思吗?:谢谢你的建议,希望它对我有用。祝你周末愉快!在dojo演示网站上,它似乎是AMD。见@ben。非常感谢。有参考源代码吗?我需要一些源代码来测试它。这是你的意思吗?:谢谢你的建议,希望它对我有用。祝你周末愉快!
require(["dojo/dojo","dojo/dom","dojo/request/xhr","dojo/_base/array","dojo/_base/json","dojo/dom-construct","dojo/_base/connect", "dojox/widget/Rotator", "dojox/widget/rotator/Fade","dojo/domReady!"], function(dojo,dom,xhr,array,json,domConst){
var dataJson = {siteId:siteId};
var imgholdernode = dom.byId("imgholder");
/*imgholdernode.innerHTML = siteId;*/
xhr("getFileMinisByCustomerNSite",{
    handleAs: "json",
    query:dataJson,
}).then(function(data){
    if (data.length>0){
        var imgRotator = new dojox.widget.Rotator({id:"imgRotator",transition: "dojox.widget.rotator.fade"});
        domConst.place(imgRotator,imgholdernode);
        array.forEach(data,function(item,i){
            domConst.create("img", {"className": "pane","id": item.fileId, "src": "data:"+item.fileType+";base64,"+item.thumbnail}, "imgRotator");
        });
        domConst.create("button",{"onclick":"connect.publish('imgRotator/rotator/control',[prev]);",innerHTML: "Prev",type: "button"});
        domConst.create("button",{"onclick":"connect.publish('imgRotator/rotator/control',[next]);",innerHTML: "Next",type: "button"});
        /*imgholdernode.innerHTML = data.length;*/
    }else{
        imgholdernode.innerHTML = "No image available.";
    }
  });
});