如何根据URL链接使Flexslider2从特定幻灯片开始？

问题描述

我使用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
     })

推荐答案

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