如何使用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。在這個函數中，你需要編寫用於在不同項目中移動的邏輯。您可能可能必須將這些項目放在面板中，然後將面板滑過屏幕。