0

Windows Application Js App で画像を順番に表示しようとしています。スクリプトは次のとおりです。これはメモ帳では機能しますが、「.net」では機能しません。別のファイル「scrolling.js」をホームフォルダーに追加し、以下のコードがその中にあります。エラーは rotator.src を指しています。何か不足していますか？

 <body>
        <!-- The content that will be loaded and displayed. -->
        <div class="fragment homepage">
            <header aria-label="Header content" role="banner">
                <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
                <h1 class="titlearea win-type-ellipsis">
                    <span class="pagetitle">Welcome to AppTweenMax!</span>
                </h1>
            </header>
            <section aria-label="Main content" role="main">
                <div id="demo">Content goes here.</div>
                <img src="imagesroll/1.png" alt="rotating image" width="640" height="960" id="rotator">
                          </section>     


        </div>    
      <script type="text/javascript">
            (function () {
                var rotator = document.getElementById('rotator');  // change to match image ID
                var imageDir = 'imagesroll/';                          // change to match images folder
                var delayInSeconds = 2;                            // set number of seconds delay
                // list image names
                var images = ['2.png', '3.png', '4.png', '5.png', '6.png', '7.png'];

                // don't change below this line
                var num = 0;
                var changeImage = function () {
                    var len = images.length;
                    var src = imageDir + images[num++];       
                    document.getElementById('rotator').src = "" + src;
                    rotator.src = src;
                    if (num == len) {
                        num = 0;
                    }
                };
                setInterval(changeImage, delayInSeconds * 1000);
            })();
    </script>
    </body>
4

2 に答える 2