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

我正在使用SenchaTouch、JavaScript和HTML5创建简单的应用程序 在该应用程序中，我想自动滑动html页面，了解如何操作

我使用以下代码显示带有图像的html页面

main.js文件：

---

您需要使用extjs。在函数中，您需要编写用于在不同项之间移动的逻辑。您可能需要将项目放在面板中，然后在屏幕上滑动面板。

您的意思是在html页面中创建类似幻灯片的内容吗？您是否遵循了响应中提供的链接。很抱歉，Sencha Touch和Ext JS，尤其是Ext 3.x是完全不同的产品。Sencha仅构建在Ext JS之上，因此它们不是完全不同的产品。在extJS中定义的每一件事，你也可以在Sencha应用程序中使用这些东西。我知道，但这里我只想强调，它们是不同的，无论是类还是幕后工作原理。在该链接中，您应该尝试其他产品的文档，例如Sencha Touch 1或Sencha Touch 2文档，并且该文档不再可用

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