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

あなたは内線JS Task Runnerを使用する必要があります。関数では、異なる項目を移動するためのロジックを記述する必要があります。おそらく、アイテムをパネルに入れて、パネルを画面全体にスライドさせなければならないかもしれません。