Javascript JQuery旋转滑块链接到特定幻灯片

我正在网站上使用JQuery revolution滑块

一切都很好，但我需要一些帮助链接到一个特定的幻灯片

单击导航栏链接后，我希望滑块滚动到特定的幻灯片（可能使用id或索引）

我如何实现这一点

滑块代码的简化版本如下所示：

<div class="rev-slider-container">
    <div class="rev-slider">
        <ul>
            <li data-transition="slideup" data-slotamount="5" data-masterspeed="800">
                <img src="./images/sketch/galery/1.jpg" alt="slide1" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
            </li>

            <li data-transition="slideup" data-slotamount="5" data-masterspeed="800">
                <img src="./images/sketch/galery/1.jpg" alt="slide2" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
            </li>

            <li data-transition="slideup" data-slotamount="5" data-masterspeed="800">
                <img src="./images/sketch/galery/1.jpg" alt="slide3" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
            </li>
        </ul>
    </div>
</div>

<script type="text/javascript">

    var revapi = jQuery(document).ready(function() {

        jQuery('#rev_slider_1').show().revolution({

            waitForInit: true,

            /* SLIDER SETTINGS CONTINUED */

        });
    });

    // only start the slider once the entire window has loaded
    jQuery(window).one('load', function() {

        revapi.revstart();

    });

</script>

看看这个

您可以通过执行以下操作导航到特定幻灯片：

revapi.revshowslide(2);

按如下方式加载滑块后：

<div class="rev-slider-container">
    <div class="rev-slider">
        <ul>
            <li data-transition="slideup" data-slotamount="5" data-masterspeed="800">
                <img src="./images/sketch/galery/1.jpg" alt="slide1" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
            </li>

            <li data-transition="slideup" data-slotamount="5" data-masterspeed="800">
                <img src="./images/sketch/galery/1.jpg" alt="slide2" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
            </li>

            <li data-transition="slideup" data-slotamount="5" data-masterspeed="800">
                <img src="./images/sketch/galery/1.jpg" alt="slide3" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
            </li>
        </ul>
    </div>
</div>

<script type="text/javascript">

    var revapi = jQuery(document).ready(function() {

        jQuery('#rev_slider_1').show().revolution({

            waitForInit: true,

            /* SLIDER SETTINGS CONTINUED */

        });
    });

    // only start the slider once the entire window has loaded
    jQuery(window).one('load', function() {

        revapi.revstart();

    });

</script>

var revapi=jQuery（document）.ready（function（）{
jQuery（'#rev#u slider_1'）.show（）.revolution({
waitForInit：是的，
/*滑块设置继续*/
});
});
//仅在加载整个窗口后启动滑块
jQuery（窗口）.one（'load'，function（）{
revapi.revstart（）；
});