Html 引导数据切换转盘

我在我的覆盖图中为自己的书面图像查看器提供了以下html代码：

<div class="carousel slide" id="imgViewer">
        <div class="carousel-inner">
            <div id="item1" class="item active">
                <div id="pic1">
                    <center>
                          <img style="height: 100%;" src="./upload/offers/6/img.jpg" alt="">
                    </center>
                 </div>
            </div>
            <div id="item2" class="item ">
               <div id="pic2">
                 <center>
                   <img style="height: 100%;" src="./upload/offers/6/img2.jpg" alt="">
                 </center>
                </div>
            </div>
</div>
</div>

这是主视图（左侧的滑块）

在右边，我看到了另一个可以在滑块中看到的所有图像的视图。 这是我最后一次尝试

<a href="#item1" data-toggle="carousel-toggle" data-slide=""><img style="vertical-align: middle;" src="./upload/offers/6/img.jpg" alt="" /></a>

---

问题是：它不是这样工作的…我想跳转到滑块中单击的图像…我怎么能实现这一点

您可以将onClick事件添加到图像中。该事件可能会将要显示的图像的div上的类更改为活动

<div id="item1" class="item active">

---

“活动”类是正在显示的幻灯片

您可以将onClick事件添加到图像中。该事件可能会将要显示的图像的div上的类更改为活动

<div id="item1" class="item active">

$('#item1').click(function() {
                $('#item1, #item2, #item3, #item4, #item5, #item6, #item7').removeClass('active');
                $('#item1').addClass('active');
                return true;
            });

“活动”类是正在显示的幻灯片

$('#item1').click(function() {
                $('#item1, #item2, #item3, #item4, #item5, #item6, #item7').removeClass('active');
                $('#item1').addClass('active');
                return true;
            });

好吧，我想我可以用引导，比如数据切换旋转木马

data-slide-to

这将为每个正在搜索它的人完成

好吧，我想我可以用引导，比如数据切换旋转木马

data-slide-to

---

这将适用于所有正在搜索它的人…

只是一个简短的提示。您可能有多个同名的ID。可能需要更改侧面图像的id:）谢谢，我已经想到了，但我现在使用的是数据幻灯片。这对我来说很好。只是一个简短的说明。您可能有多个同名的ID。可能需要更改侧面图像的id:）谢谢，我已经想到了，但我现在使用的是数据幻灯片。这对我很有效。