bootstrap carousel - 滑动项目的外部链接

Question

我需要在一个轮播中提供直接链接幻灯片。我试图实施this solution但没有成功。我需要一些网址：wwww.domain.com/index.html#slide20"直接打开项目幻灯片。

我有一个带有59个项目的旋转木马，并且喜欢能够在其中任何一个中打开...来自外部网页...... 有没有可能的JavaScript配置？

应该使用任何这个id标签吗？

<div class="item" id="51" data-id="51" data-slide="51">
   ...
</div>

Answer 1

#slide20会自动滚动到ID为slide20的元素（如果存在）。为您的轮播提供ID或类，并使用以下代码滑动到某个数字。为此，您必须确保幻灯片20是第20张幻灯片，具体取决于实现。

如果您的轮播中有59个元素，请确保＃slide20打开第20张幻灯片。

在此示例中，您的轮播的ID为myCarousel。

$(document).ready(function() {
    $("#myCarousel").carousel(window.location.hash.substr(6) - 1);
});

此代码未经测试，但它的作用是检索#slide背后的值。 window.location.hash返回#slide20，但您只对20感兴趣。你想要第7个（和更多）字符，并从索引0开始，这样就可以给你带下substr（6）。从该数字中减去1，因为slide1应该是第一张幻灯片，但Bootstrap也从索引0开始计算。

我没有测试过代码，但它应该可以工作，看看Bootstrap的代码。