1

当单击来自另一个主页的链接(如锚点“www.mysite.html#slider3”)时,是否可以在 flexslider 中显示特定图像?我有一个带有文本链接的页面。如果用户单击“转到滑块 3”之类的链接,则会出现带有 flexslider 的站点并显示滑块 3。

请问有人可以帮我吗?我已经阅读了这个线程(jQuery FlexSlider - Link to specific image),但这对我不起作用,我不知道为什么。

感谢和抱歉我的英语不好,CeDe

4

2 回答 2

2

Flexslider 提供了一个名为“startAt”的属性,该属性接受一个表示要首先显示的幻灯片的索引。您还可以通过将 'slideshow' 参数设置为 false 来禁用幻灯片的自动播放。如果您在创建幻灯片之前获取要开始的幻灯片参考,则可以使用这些参数。

// create a variable to store the slide index to start at.
startAtSlideIndex = 0;

// see if a tab anchor has been included in the url
if (window.location.hash != '') {

  // Set the startAtSlideIndex variable to one less than the ordinal passed
  // note: if you have more than 9 slides, this will fall down and you'll
  //       have to do some more complex string manipulation.
  //       A querystring variable might be easier, especially if you use
  //       someone else's url parser ;)
  // Important: assumes the format of the hash is '#tabN' where N is the digit we want.
  startAtSlideIndex = window.location.hash.substr(4,1)-1;
}

$("#flexslider-container").flexslider({

  // other flexslider params

  // set the flexslider startAt param to the value of the startAtSlideIndex variable
  startAt: startAtSlideIndex

});

编辑:我忘记了 location 对象在我的原始答案中具有“哈希”属性。

于 2013-04-11T17:15:13.580 回答
1

又是我 :-) 它似乎也适用于超过 9 张幻灯片:我只是稍微更改了代码:

// Important: assumes the format of the hash is '#tabNN' where NN is the digit we want. startAtSlideIndex = window.location.hash.substr(4,2)-0;

谢谢和问候!

于 2013-06-17T08:36:43.913 回答