如何根据URL链接使Flexslider2从特定幻灯片开始？ [英] How do I make Flexslider2 start with a specific slide depending on URL link?

问题描述

我使用Flexslider2插件，我需要点击链接，例如：http：//www.example.com/#slide3将在幻灯片编号3处启动Flexslider。

I use Flexslider2 plugin and I need that clicking on a link, for example: http://www.example.com/#slide3 would start Flexslider at the slide number 3.

<div class="controls">
   <a href="http://www.example.com/#slide1"><img id="slide1" src="http://www.example.com/img1.jpg"/></a>
   <a href="http://www.example.com/#slide2"><img id="slide2" src="http://www.example.com/img2.jpg"/></a>
   <a href="http://www.example.com/#slide3"><img id="slide3" src="http://www.example.com/img3.jpg"/></a>
   <a href="http://www.example.com/#slide4"><img id="slide4" src="http://www.example.com/img4.jpg"/></a>
</div>

<div class="flexslider">
   <ul class="slides">
     <li><img id="slide1" src="http://www.example.com/img1.jpg"/></li>
     <li><img id="slide2" src="http://www.example.com/img2.jpg"/></li>
     <li><img id="slide3" src="http://www.example.com/img3.jpg"/></li>
     <li><img id="slide4" src="http://www.example.com/img4.jpg"/></li>
   </ul>
 </div>

JS：

JS:

$('.flexslider').flexslider({
        animation: "slide",
        animationLoop: false,
        itemWidth: 200,
        itemMargin: 0,
        minItems: 1,
        maxItems: 2,
        useCSS: false,
        move: 2,
        slideshow:false,
        controlNav:false,
        directionNav:true,
        touch:true
     })

推荐答案

（' 。flexslider'）。flexslider（{
animation： slide，
animationLoop： false ，
itemWidth： 200 ，
itemMargin： 0 ，
minItems： 1 ，
maxItems： 2 ，
useCSS ： false ，
move： 2 ，
幻灯片显示： false ，
controlNav： false ，
directionNav： true ，
touch： true
}）

('.flexslider').flexslider({ animation: "slide", animationLoop: false, itemWidth: 200, itemMargin: 0, minItems: 1, maxItems: 2, useCSS: false, move: 2, slideshow:false, controlNav:false, directionNav:true, touch:true })

这篇关于如何根据URL链接使Flexslider2从特定幻灯片开始？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！