如何制作像 javascript 一样的 Slider Witty？

Posted 2023-02-22

【中文标题】如何制作像 javascript 一样的 Slider Witty？

【英文标题】：How to Make a Slider Witty like javascript?

【发布时间】：2016-05-05 05:09:54

【问题描述】：

我已经启动了一个从 C++ 应用程序提供网页服务的项目。

有很多从初学者到新手的 javascript 教程。 以及如何将这个 javascript 滑块嵌入到 Witty C++ 制作的网页中？ 我有一台由 Qt 制作的服务器在 Windows 上运行，一台由 Qt 制作的 windows 客户端和一台由 Qt 制作的 android 客户端，现在我开始使用 Witty 和 Qt 制作 Web 客户端。

但我只需要机智和 Javascript 教程制作滑块。

Javascript Tutorial

但是这个链接只显示弹出消息。

滑块没有基本的或任何示例。任何人都可以展示它是如何制作的吗？

谢谢

【参考方案1】：

好的，我的错误是 javascript 中的 setTimeout 函数。机智没有失败，这个滑块对我来说很棒，现在正在进行造型哇:)

WImage* img = new WImage(root());

img->setId("imgslider");
std::string command = std::string(      "var i = 1;" 
                                          "var path = new Array();" 
                                          "path[0] = \"1.jpg\";" 
                                          "path[1] = \"2.jpg\";" 
                                          "path[2] = \"3.jpg\";" 
"var ifr = document.getElementById('imgslider');"
"function start(counter)" 
                                          "if(counter < 10)" 
                                            "setTimeout(function()" 
                                              "counter++;" 
                                              "counter = counter % 3;" 
                                              "ifr.src = path[counter];" 
                                              "console.log(counter);" 
                                              "console.log(path[counter]);" 
                                              "console.log(ifr.src);" 
                                              "start(counter);" 
                                            ", 1000);" 
                                          "" 
                                        "" 
                                        "start(1);" 
                                        );
img->doJavaScript(command);