如何使用Sencha Touch和JavaScript自动滑动html页面？

Question

我在这个应用程序中使用Sencha Touch，JavaScript和HTML 5 创建一个简单的应用程序我想自动滑动html页面，如何做到这一点？

我使用下面的代码来显示包含图像的html页面。

main.js文件：

Ext.create('Ext.Carousel', { 
    fullscreen: true, 

    defaults: { 
     styleHtmlContent: true 
    }, 

    config: { 
     ui : 'light' 
    }, 

    items: [ 
     { 
      html : '<img src="resources/images/Picture1.png" width="100%" height = "100%" align="middle" /> <audio autoplay loop><source src="resources/audio/music1.mp3"></audio>', 
      style: 'backgroundImage: url(resources/images/bg.png);backgroundRepeat: repeat;backgroundPosition: center' 
     }, 
     { 
      html : '<img src="resources/images/Picture2.png" width="100%" height = "100%" margin=0 align="middle" />', 
      style: 'backgroundImage: url(resources/images/bg.png);backgroundRepeat: repeat;backgroundPosition: center' 
     }, 
     { 
      html : '<img src="resources/images/Picture3.png" width="100%" height = "100%" margin=0 align="middle" />', 
      style: 'backgroundImage: url(resources/images/bg.png);backgroundRepeat: repeat;backgroundPosition: center' 
     } 
    ] 
}); 

Answer 1

您需要使用的Ext JS Task Runner。在这个函数中，你需要编写用于在不同项目中移动的逻辑。您可能可能必须将这些项目放在面板中，然后将面板滑过屏幕。