2 вопроса:
1) Я пытаюсь скрыть элементы управления ползунком, если виден определенный слайд.Я использую флексислайдер.Каждый слайд имеет свой собственный класс.
Я пробовал:
$(".slides li").change(function() { if ($('.reg-slider.four').is(':visible')) { $(".flex-control-nav").hide(); } });
, но не работал.
2) Я использую тему avada, иFlexSlider автоматически построен там.Я хотел изменить анимацию с затухания на слайд и попытался:
$(window).load(function() { $('.flexslider').flexslider({ animation: "slide", rtl: true }); });
HTML: </p> <pre><code><div class="flexslider slider" data-autoplay="0" data-animation="slide"> <ul class="slides"> <li> <div class="reg-slider one" style="background-image: url(https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-5@2x.png) !important;"> <div class="reg-logo"> <img src="https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-11485@2x-1.png" draggable="false" scale="0"> </div> <div class="reg-body"> <h1>ברוכים הבאים<br> לקומיוניטי </h1> </div> </div> </li> <li> <div class="reg-slider one" style="background-image: url(https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-5@2x.png) !important;"> <div class="reg-logo"> <img src="https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-11485@2x-1.png" draggable="false" scale="0"> </div> <div class="reg-body"> <h1>ברוכים הבאים<br> לקומיוניטי </h1> </div> </div> </li> <li> <div class="reg-slider one" style="background-image: url(https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-5@2x.png) !important;"> <div class="reg-logo"> <img src="https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-11485@2x-1.png" draggable="false" scale="0"> </div> <div class="reg-body"> <h1>ברוכים הבאים<br> לקומיוניטי </h1> </div> </div> </li> <li> <div class="reg-slider one" style="background-image: url(https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-5@2x.png) !important;"> <div class="reg-logo"> <img src="https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-11485@2x-1.png" draggable="false" scale="0"> </div> <div class="reg-body"> <h1>ברוכים הבאים<br> לקומיוניטי </h1> </div> </div> </li> <li> <div class="reg-slider one" style="background-image: url(https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-5@2x.png) !important;"> <div class="reg-logo"> <img src="https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-11485@2x-1.png" draggable="false" scale="0"> </div> <div class="reg-body"> <h1>ברוכים הבאים<br> לקומיוניטי </h1> </div> </div> </li> </ul> </div>
</p> <pre><code><div class="flexslider slider" data-autoplay="0" data-animation="slide"> <ul class="slides"> <li> <div class="reg-slider one" style="background-image: url(https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-5@2x.png) !important;"> <div class="reg-logo"> <img src="https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-11485@2x-1.png" draggable="false" scale="0"> </div> <div class="reg-body"> <h1>ברוכים הבאים<br> לקומיוניטי </h1> </div> </div> </li> <li> <div class="reg-slider one" style="background-image: url(https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-5@2x.png) !important;"> <div class="reg-logo"> <img src="https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-11485@2x-1.png" draggable="false" scale="0"> </div> <div class="reg-body"> <h1>ברוכים הבאים<br> לקומיוניטי </h1> </div> </div> </li> <li> <div class="reg-slider one" style="background-image: url(https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-5@2x.png) !important;"> <div class="reg-logo"> <img src="https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-11485@2x-1.png" draggable="false" scale="0"> </div> <div class="reg-body"> <h1>ברוכים הבאים<br> לקומיוניטי </h1> </div> </div> </li> <li> <div class="reg-slider one" style="background-image: url(https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-5@2x.png) !important;"> <div class="reg-logo"> <img src="https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-11485@2x-1.png" draggable="false" scale="0"> </div> <div class="reg-body"> <h1>ברוכים הבאים<br> לקומיוניטי </h1> </div> </div> </li> <li> <div class="reg-slider one" style="background-image: url(https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-5@2x.png) !important;"> <div class="reg-logo"> <img src="https://com-unity.istolar.fr/wp-content/uploads/2019/05/Group-11485@2x-1.png" draggable="false" scale="0"> </div> <div class="reg-body"> <h1>ברוכים הבאים<br> לקומיוניטי </h1> </div> </div> </li> </ul> </div>
, но также ничего не получалось.
спасибо за вашепомощь!