Fatal编程技术网
  • dojo/
  • 如何创建dojo 1.9幻灯片

如何创建dojo 1.9幻灯片

dojo

如何创建dojo 1.9幻灯片,dojo,slideshow,Dojo,Slideshow,这是网页的一部分。由于某种原因，我无法使幻灯片放映正常运行。你能帮我修一下吗 <!DOCTYPE html> <html> <head lang='fr'> <meta http-equiv='content-type' content='text/html;charset=ISO-8859-1' /> <link href='../dojo-release-1.9.1/dijit/themes/claro/claro.c

这是网页的一部分。由于某种原因，我无法使幻灯片放映正常运行。你能帮我修一下吗

<!DOCTYPE html>
<html>
  <head lang='fr'>
    <meta http-equiv='content-type' content='text/html;charset=ISO-8859-1' />
    <link href='../dojo-release-1.9.1/dijit/themes/claro/claro.css' rel='stylesheet' type='text/css' media='all' />
  </head>
  <body class='claro'>
  <script>
    dojoConfig = {async: true, parseOnLoad: true}
  </script>
  <script type='text/javascript' src='../dojo-release-1.9.1/dojo/dojo.js'>
      </script> 
  <script type='text/javascript'>
    require(["dojo", "dojo/parser", "dojo/store/Memory", "dojox/image/SlideShow"]);
    var imageData= {
        identifier: "imageUrl",
        items: [
              { imageUrl: "http://mysyte.net/photos/f1.jpg"},
              { imageUrl: "http://mysyte.net/photos/f2.jpg"},
              { imageUrl: "http://mysyte.net/photos/f3.jpg"},
              { imageUrl: "http://mysyte.net/photos/f4.jpg"}
            ]
    };              
  </script>
  <div data-dojo-type='dojo/store/Memory' data-dojo-props='data:imageData' data-dojo-id='imageStore'></div>
  <div data-dojo-type='dojox/image/SlideShow' id='slideshow1' data-dojo-id='imageShow'
      data-dojo-props='store: imageStore, noLink: true, autoStart:true, imageWidth:770, imageHeight:345, slideshowInterval: 5'>
  </div>
</body>
</html>


dojoConfig={async:true，parseOnLoad:true}
需要（[“dojo”、“dojo/parser”、“dojo/store/Memory”、“dojox/image/SlideShow”]）；
var imageData={
标识符：“imageUrl”，
项目：[
{imageUrl:“http://mysyte.net/photos/f1.jpg"},
{imageUrl:“http://mysyte.net/photos/f2.jpg"},
{imageUrl:“http://mysyte.net/photos/f3.jpg"},
{imageUrl:“http://mysyte.net/photos/f4.jpg"}
]
};
我错过了什么？？你能帮我修一下吗？谢谢

问题解决了

<!DOCTYPE html>
<html>
  <head lang='fr'>
    <meta http-equiv='content-type' content='text/html;charset=ISO-8859-1' />
    <link href='../dojo-release-1.9.1/dijit/themes/claro/claro.css' rel='stylesheet' type='text/css' media='all' />
  </head>
  <body class='claro'>
  <script>
    dojoConfig = {async: true, parseOnLoad: true}
  </script>
  <script type='text/javascript' src='../dojo-release-1.9.1/dojo/dojo.js'></script>
  <script type='text/javascript'>
    var imageData= {
        identifier: "imageUrl",
        items: [
              { imageUrl: "http://mysyte.net/photos/f1.jpg"},
              { imageUrl: "http://mysyte.net/photos/f2.jpg"},
              { imageUrl: "http://mysyte.net/photos/f3.jpg"},
              { imageUrl: "http://mysyte.net/photos/f4.jpg"}
             ]
    };
    require(["dojo", "dojo/data/ItemFileReadStore", "dojox/image/SlideShow", "dijit/registry"], function(dojo, ItemFileReadStore, SlideShow, registry) {
            dojo.ready(function() {
              registry.byId('slideshow1').setDataStore(imageStore, {})
            })
        });
  </script>
  <div data-dojo-type='dojo/data/ItemFileReadStore' data-dojo-props='data:imageData' data-dojo-id='imageStore'></div>
  <div data-dojo-type='dojox/image/SlideShow' id='slideshow1' data-dojo-id='imageShow'
      data-dojo-props='autoStart:true, showTitle: false, noLink: true, hasNav: false, imageWidth:770, imageHeight:345, fixedHeight: true, slideshowInterval: 5'>
  </div>
</body>
</html>


dojoConfig={async:true，parseOnLoad:true}
var imageData={
标识符：“imageUrl”，
项目：[
{imageUrl:“http://mysyte.net/photos/f1.jpg"},
{imageUrl:“http://mysyte.net/photos/f2.jpg"},
{imageUrl:“http://mysyte.net/photos/f3.jpg"},
{imageUrl:“http://mysyte.net/photos/f4.jpg"}
]
};
需要（[“dojo”、“dojo/data/ItemFileReadStore”、“dojox/image/SlideShow”、“dijit/registry”]、函数（dojo、ItemFileReadStore、SlideShow、registry）{
ready（function（））{
registry.byId（'slideshow1'）.setDataStore（imageStore，{}）
})
});
显然，dojo中的SlideShow对象存在一些错误/不一致。我甚至不得不修改dojox/image/SlideShow.js文件。我在这里找到的线索是：在

中，你得到的错误是什么？没有错误，但什么也没有发生。我可以在Firebug中看到元素在那里，因为当鼠标悬停在该区域上时，不透明度会发生变化。但仅此而已，不显示任何图像。如果您可以访问Apache服务器（或WAMP、LAMP），您可以尝试一下吗？我可以给我的测试网站一个链接，但我不确定是否允许。基本上是一样的。