0

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'
        }
    ]
});
4

1 に答える 1

-1

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

于 2012-04-11T10:11:57.163 に答える