Управление слайдером с внешними ссылками

Question

Я использую скользкий слайдер. Я создал два div. Вот детали :)

<a href="#" class="Full_Left"></a> 
<a href="#" class="Full_Right"></a> 

Это CSS для этих двух див

.Full_Left { 
    position: absolute; 
    top: 0px; 
    width: 50%; 
    height: 100%; 
    background: rgba(34, 25, 165, 0.5); 
    left: 0px; 
    z-index: 2; 

} 

.Full_Left:hover { 
    cursor: url(../images/right.svg), auto; 
} 

.Full_Right { 
    position: absolute; 
    top: 0px; 
    width: 50%; 
    height: 100%; 
    background: rgba(216, 33, 33, 0.5); 
    right: 0px; 
    z-index: 2; 
} 

.Full_Right:hover { 
    cursor: url(../images/left.svg), auto; 
} 

, как вы можете видеть, теперь мои ДИВ находятся на полном экране, и я хочу, чтобы контролировать слайдер с ссылками у меня есть созданный для того, чтобы при наведении мыши на 50% у него была стрелка вправо и такая же для левой стороны, и все содержимое слайдера будет ниже этих двух уровней.

Мне интересно, что это возможно с помощью «Слик» или нет? Спасибо заранее.

Answer 1

Я решил эту проблему самостоятельно. вот мой рабочий код

<script type="text/javascript"> 
    $('.Full_Right').click(function(e) { 
     $('#Contrroll').slick('slickNext'); 
    }); 

    $('.Full_Left').click(function(e) { 
     $('#Contrroll').slick('slickPrev'); 
    }); 
</script> 

:)