Question

我正在尝试构建一个底部有小按钮的图像滑块，您可以单击它，它将显示相应的幻灯片。因此，如果您单击按钮＃3，它将显示幻灯片＃3 ...相当标准的东西。我使用javascript来检测有多少张幻灯片并显示相同数量的按钮。但现在我无法弄清楚如何将按钮连接到幻灯片，以便当用户点击一个时，它将显示相应的数字幻灯片。我知道这必须是一个非常简单的任务，我只是无法弄清楚如何设置它。

我的脚本如下所示：

<script>
        $(document).ready(function() {
            var count = $(".slider_class").length;

            $("#slide_0").show();

            var i=0;
            while (i < count){
              $(".slider_bullets").append('<a href="#" id="bullet_link_' + i +'"><img src="img/slider_down.png" alt="slider_down" />');
              i++;
             }
        });
        </script>

.slider_class是我应用于每个幻灯片的类。每张幻灯片的数字ID也从零开始，因此第三张幻灯片是＃slide_2。 .slider_bullets是我正在谈论的按钮。您会注意到我为每个人提供了一个唯一的指定ID，它引用了与之关联的幻灯片。

Answer 1

这就是我要用的。 $(".slider_bullets a").click(function(){ $(".slider_class").hide(); $("#slide_"+$(this).index()).show(); });

JS While图像滑块中的语句

1 个答案: