切换到使用LayerSlider的其他幻灯片

时间:2016-12-01 12:26:35

标签: php wordpress

我需要不同的类,用于正方形符号,第一张幻灯片为绿色,第二张幻灯片为红色,等等。

我想用图层滑块这样做。

enter image description here

我没有从互联网上找到任何东西,所以我怎么能这样做。

1 个答案:

答案 0 :(得分:1)

请删除修改,然后将其添加到functions.php文件中:

// slider nav
add_action('wp_footer', 'ava_custom_nav_script');
function ava_custom_nav_script(){
?>
<script type="text/javascript">
(function($) {
    $('.ls_nav_1').click(function() {
        $('#layerslider_1_1').layerSlider(2);
    });

    $('.ls_nav_2').click(function() {
        $('#layerslider_1_1').layerSlider(1);
    });
})(jQuery);
</script>
<?php
}

在高级布局编辑器中,将此代码添加到代码块中:

<a href="#" class="ls_nav_1">Change to slide 2</a></br>
<a href="#" class="ls_nav_2">Change to slide 1</a>

第一个按钮将链接到第二张幻灯片,第二个按钮将返回第一张幻灯片。