如何创建功能不是图像的幻灯片?

时间:2017-04-05 22:40:08

标签: javascript html leaflet slideshow

我正在尝试创建幻灯片功能,通过两个按钮添加和删除地图中的图层。这是我想要做的一个例子,但我想要<而不是图像。 >用于添加和删除图层的按钮。 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow 我遇到的问题是我不知道如何在不创建可点击按钮的情况下向地图添加图层。我正在使用onclick,这要求用户单击按钮以使用该功能。我想在幻灯片javascript到达" mySlides"之后调用该函数。类。我的HTML代码如下:

                 <div class="slideshow-container">
                    <div class="mySlides">
                        <input class="cmn-toggle cmn-toggle-round" type="checkbox" onclick="toggleSewer();">
                        <label for="cmn-toggle-sewer">
                        </label>
                        <p class="child">Sewer</p>
                    </div>
                    <div class="mySlides">
                        <input id="cmn-toggle-water" class="cmn-toggle cmn-toggle-round" type="checkbox" onclick="toggleWater();">
                        <label for="cmn-toggle-water"></label>
                        <p class="child">Water</p>
                    </div>
                    <div class="mySlides">
                        <button1 class="fa fa-chevron-left" onclick="toggleOrtho();"></button1>
                        <p id="watermainLayer();">Ortho</p>
                    </div>
                    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
                    <a class="next" onclick="plusSlides(1)">&#10095;</a>
                </div>

点击&#34; prev&#34;或&#34; next&#34;,创建一个按钮。如果我点击按钮,我会得到我想要的最终结果。有没有办法在不添加按钮的情况下添加下水道层?

0 个答案:

没有答案