更改页面时如何保存bootstrap轮播当前幻灯片索引

时间:2016-12-29 16:07:35

标签: php jquery twitter-bootstrap carousel

我使用循环的Bootstrap Carousel作为PHP网站的标题,有什么方法可以在我更改网站页面时保持LAST幻灯片的内存?

轮播代码保存在每个页面的顶部(包含在一个PHP文件中),我使用PHP会话来保存变量。

我不知道轮播是如何工作的,想法是每次轮播更改幻灯片时更新变量SESSION [' slideNumber']中的索引。随意问我更多细节。

1 个答案:

答案 0 :(得分:1)

在jQuery中,您可以使用此事件将当前幻灯片的索引设置为会话或cookie。当轮播完成幻灯片过渡时会触发此事件。

var sketch = context.api()
var inputs = ["Turn on", "Turn off"];

var gotInput = sketch.getSelectionFromUser("Turn something on?", inputs, 0);

var chosenIndex = gotInput[1]
sketch.alert(inputs[chosenIndex], "You chose");

bootstrap中的其他选项: http://getbootstrap.com/javascript/#carousel-events