单击另一页上的特定幻灯片引导程序轮播

时间:2014-01-31 09:35:48

标签: javascript jquery html css twitter-bootstrap

所以我试图在一个bootstrap构建中进行此操作,在一个页面上有可点击的状态,但是,这些将转到另一个页面上的特定幻灯片。

我仍然很难理解这一点。我的伙伴,一个Javascript开发人员写了一些代码,但我无法理解它。

<script>
function goToSlide(x) {
    console.log('going to slide '+x)
    $("#myCarousel").carousel(x);
 }
</script>

所以从第1页开始,点击,转到第2页的特定幻灯片

2 个答案:

答案 0 :(得分:1)

如果只有一个链接转到另一个页面上的另一张幻灯片,我会尝试这样的事情:

function goToSlide() {
   document.location.href = page2.html;
   var div = document.getElementById("slide2");
   div.className = "item active";

   var otherDiv = document.getElementById("slide1");
   otherDiv.className = "item";
}

答案 1 :(得分:0)

看一下旋转木马的方法:

http://getbootstrap.com/javascript/#carousel-usage

您可能希望将.carousel(number)与URL参数或哈希标记结合使用,如上所述@Lukas。只需注意URL中的哈希/参数,并使该幻灯片的轮播加载活动。