如何制作像 javascript 这样机智的滑块？

Question

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

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

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

Javascript Tutorial

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

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

感谢

Answer 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);