Question

Как из кода слайдера удалить стрелки (переключатели) слайдов?

Код слайдера

<div id="slider">
 <ul class="slides">
 <li class="slide">
 <img src="/for_site/shapochka.jpg" alt="img">
 <div class="caption">
 <div class="cap-ttl">IN MY HOME</div>
 <div class="cap-ds description">Описание к 1 слайду</div>
 <div class="cap-ds"><a role="button" href="ссылка для кнопки">Смотреть</a></div>
 </div>
 </li>
 <li class="slide">
 <img src="/for_site/shapochka_a.jpg " alt="img">
 <div class="caption">
 <div class="cap-ttl">IN MY HOME</div>
 <div class="cap-ds description">Описание к 2 слайду</div>
 <div class="cap-ds"><a role="button" href="ссылка для кнопки">Смотреть</a></div>
 </div>
 </li>
 <li class="slide">
 <img src="/for_site/shapochka_b.jpg " alt="img">
 <div class="caption">
 <div class="cap-ttl">IN MY HOME</div>
 <div class="cap-ds description">Описание к 3 слайду</div>
 <div class="cap-ds"><a role="button" href="ссылка для кнопки">Смотреть</a></div>
 </div>
 </li>
 </ul>
 <div class="custom-navigation">
 <i class="material-icons flex-prev">keyboard_arrow_left</i>
 <div class="custom-controls-container"></div>
 <i class="material-icons flex-next">keyboard_arrow_right</i>
 </div>
 </div>
<script type="text/javascript" src="/.s/t/1701/jquery.flexslider-min.js"></script>
<script>
$(function(){
 $('#slider').flexslider({
 animation: "slide",
 slideshowSpeed: 10000,
 controlsContainer: $(".custom-controls-container"),
 customDirectionNav: $(".custom-navigation i")
 });
})
</script>

Answer 1

<div class="custom-navigation">
 <i class="material-icons flex-prev">keyboard_arrow_left</i>
 <div class="custom-controls-container"></div>
 <i class="material-icons flex-next">keyboard_arrow_right</i>
 </div>

  controlsContainer: $(".custom-controls-container"),
 customDirectionNav: $(".custom-navigation i")

Comments

Не действуе - Весь слайдер пропадает.

(http://inmyhome.pro/)

Я переставил 

   </ul> вниз, не знаю как, но это помогло :)

Но ведь это наверное не правильно, 

 

А может подскажете, что изменить в стилях чтобы слайдер сместился влево, на свое место

---

denis bond #2,

На какой странице сайте можно увидеть сам слайдер? Чтобы подсказать решение, нужно видеть не лишь код, а и слайдер в работе.

---

Yuri_Geruk,

Здравствуйте, сейчас активировал слайдер на главной странице. После того. как, в коде слайдера, переставил тег  </ul> ниже на 5 строк стрелки и точки (переключатели слайдов) слайдера убрались, но при загрузке страницы они проскакивают. Подскажите, как это исправить?

........

......... 

 </li>
 </ul>
 <div class="custom-navigation">
 <i class="material-icons flex-prev">keyboard_arrow_left</i>
 <div class="custom-controls-container"></div>
 <i class="material-icons flex-next">keyboard_arrow_right</i>
 </div>
 </div>
<script type="text/javascript" src="/.s/t/1701/jquery.flexslider-min.js"></script>
<script>
$(function(){
 $('#slider').flexslider({
 animation: "slide",
 slideshowSpeed: 10000,
 controlsContainer: $(".custom-controls-container"),
 customDirectionNav: $(".custom-navigation i")
 });
})
</script>

---

denis bond #2,

Удалите выделенное.

---

Sentimo,

Удалил. Посмотрите пожалуйста результат

---

denis bond #2,

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