도조 1.9 슬라이드 쇼를 만드는 방법

이것은 웹 페이지의 일부분입니다. 웬일인지, 나는 슬라이드 쇼를 조작 할 수 없다. 내가 고칠 수있게 도와 줄 수 있니?도조 1.9 슬라이드 쇼를 만드는 방법

<!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>

나는 무엇이 부족합니까 ?? 그것을 고칠 수 있도록 도와 주시겠습니까? 감사!

출처

2013-11-20 D.Bugger

무엇이 오류입니까? –

오류는 없지만 아무 일도 발생하지 않습니다. 영역 위로 마우스를 가져 가면 불투명도가 변경되기 때문에 요소가 있음을 Firebug에서 확인할 수 있습니다. 하지만 그게 전부입니다. 이미지가 표시되지 않습니다. Apache 서버 (또는 WAMP, LAMP)에 액세스 할 수 있다면 시도해 볼 수 있습니까? 내 테스트 웹 사이트에 대한 링크를 제공 할 수는 있지만 허용되는지 확실하지 않습니다. 그것은 본질적으로 동일합니다. –

문제가 해결되었습니다.

<!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>

분명히 dojo의 SlideShow 객체에는 몇 가지 버그/불일치가 있습니다. dojox/image/SlideShow.js 파일을 수정해야했습니다. 여기에서 발견 한 단서 : http://petergragert.info/dojo/demo/PKHG_won_22feb.html 및 http://dojo-toolkit.33424.n3.nabble.com/Dojo-1-8-SlideShow-Problem-tp3991064.html

출처

2013-11-21 14:27:18

도조 1.9 슬라이드 쇼를 만드는 방법

답변

관련 문제