Question

我使用Bootstrap Carousel作为PHP网站的标题，有什么办法可以在我更改网站页面时保留幻灯片的内存？因此，在下一页中，它将从下一张幻灯片开始，而不是从头开始。

请随时向我询问详细部分，我已将标准轮播代码放在每个页面的顶部（包括一个PHP文件）。

Update1 ：感谢您的回答，我已经创建了一个会话，以便保存旋转木马应该从哪个幻灯片开始。现在的问题是：我如何获得当前的幻灯片编号？（因为旋转木马在x秒后循环，我需要显示最后一张幻灯片。）

解决：@Andrea Ajek非常感谢您的回答！它也解决了我的问题，而不使用PHP会话!!

Answer 1

您可以使用HTML5 WebStorage保存最后一张幻灯片索引。假设你的轮播的id属性等于＆＃34; myCarousel＆＃34;，这段代码应该完美无缺：

if not exists

活动＆＃39; slid.bs.carousel＆＃39;当旋转木马从一个物品滑动到另一个物品时发生。要检查存储在sessionStorage中是否存在幻灯片索引并正确初始化轮播，您可以使用以下代码：

$('#myCarousel').on('slid.bs.carousel', function () {
    var currentSlide = $('#myCarousel div.active').index();
    sessionStorage.setItem('lastSlide', currentSlide);
});

如何不重置Bootstrap Carousel幻灯片

1 个答案: