dvvinfo
@dvvinfo
Верстальщик

Почему у меня в слайдере после пролистывания первого слайда пропадает кнопки навигации?

Слайдер Swiper. И при пролистывании первого слайда пропадает навигация.. Стрелочки влево и вправо.Подскажите пожалуйста в чем причина.? Конструкция слайдера такова:
<div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="foto-content1">
                                            <img src="images/foto-azamat.png" alt="Фото">
                                        </div>
                                        <div class="text-content">
                                            <h3>Азамат Колшин</h3>
                                            <h4>Жена в восторге!</h4>
                                            <p>Брал для туристической обуви. Innova Protect сразу забрала жена. Она обработала всю свою нубуковую (вроде так называется) обувь перед весной. Она была в восторге. Моя проблема это гигиена в турпоходах, где и руки то помыть бывает проблематично. Innova Silver вообще супер, в палатке теперь не стыдно. Покрытие для внешней стороны тоже хорошее, даже одного раза хватило. Как совет всем - покрывайте только чистую обувь. Тканевые сапоги с маленьким пятном теперь не могу оттереть, но для похода нормально, главное не промокают.  </p>
                                        </div>

                                    </div>

                                    <div class="swiper-slide">
                                        <div class="foto-content1">
                                            <img src="images/foto1.png" alt="Фото">
                                        </div>
                                        <div class="text-content">
                                            <h3>Максим Гротский</h3>
                                            <h4>Касательно серебра вообщe</h4>
                                            <p>Замша и спортивная обувь очень классно. На коженной обуви нет. Касательно серебра вообще пушка. Даже после тренировки ноги не воняют. Средство встряхнул и внутрению часть стельки побрызгал. Касательно супердыхания не знаю, но запах ушел. Теперь брызгаю всю обувь Zelim silver.  </p>
                                        </div>

                                    </div>
                                    <div class="swiper-slide">
                                        <div class="foto-content1">
                                            <img src="images/foto.png" alt="Фото">
                                        </div>
                                        <div class="text-content">
                                            <h3>Анна Воробьева</h3>
                                            <h4>Результат меня удивил</h4>
                                            <p>Недавно приобрела набор из пропитки и антимикробного спрея. Результат меня удивил – мои замшевые сапоги теперь не промокают и нет ужасных соленых разводов (а это была моя головная боль). Не надо каждый день мыть обувь с щеткой. На счет спрея не знаю, пока не использовала. </p>
                                        </div>

                                    </div>
                                    <div class="swiper-slide">
                                        <div class="foto-content1">
                                            <img src="images/foto-larisa.png" alt="Фото">
                                        </div>
                                        <div class="text-content">
                                            <h3>Лариса Водная </h3>
                                            <h4>Попробуйте, не пожалеете!</h4>
                                            <p>А я в первую очередь заинтересовалась антимикробным спреем Innova Silver. У мужа ноги сильно потеют, следовательно, неприятный запах из обуви и от ног. Перед сном побрызгала его ботинки, а на утро запаха как не бывало. Сильно удивлена. Муж уже пару недель ходит – запаха пока нет. И пропитка мне очень понравилась. Вода отскакивает как на представленном видео. Я очень боялась, что обувь поменяет цвет. Боялась зря, все супер. Попробуйте, не пожалеете!   </p>
                                        </div>

                                    </div>

                                    <div class="swiper-button-next"></div>
                                    <div class="swiper-button-prev"></div>
                            </div>
                            </div>

и запуск самого слайдера:
<script>
    var swiper = new Swiper('.swiper-container', {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        autoplay: {
            delay: 5000,
        },
    });
</script>
  • Вопрос задан
  • 1260 просмотров
Пригласить эксперта
Ответы на вопрос 1
@prochka
проходил мимо
HTML должен быть такого вида:
<div class="swiper-container">
   <div class="swiper-wrapper">


   </div>
   <div class="swiper-button-next"></div>
   <div class="swiper-button-prev"></div>
</div>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы