2016-12-01 2 views
0

мне нужны различные классы для иконок символизируемых квадратов, один зеленый для 1-го слайда, красного для 2-й слайд, и т.д ..Переключение на другой слайд с LayerSlider

я хочу сделать, как это с ползунком слоя.

enter image description here

Я ничего не нашел из Интернета, что так, как я мог это сделать.

+0

вы можете настроить карусель ползунка. – vel

+0

как я могу это сделать, у меня нет идеи? – maddy

+0

см. Эту ссылку http://flexslider.woothemes.com/basic-slider-with-caption.html – vel

ответ

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> 

Первая кнопка соединит на второй слайд, а вторая кнопка вернется к первому слайду.

+0

Спасибо, человек! работает. – maddy

+0

wc :) Я рад помочь вам! –

Смежные вопросы