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。在函数中，您需要编写逻辑来移动不同的项目。您可能不得不将这些项目放在面板中，然后在屏幕上滑动面板。

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

1 个答案: