@nub_prog

Как вынести индикаторы карусели из блока карусели в фреймворке materialize?

Добрый вечер программисты
У меня есть карусель на фреймворке materilaze
Подключение по JS
document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.carousel');
    var instances = M.Carousel.init(elems, {
        indicators: true
    });
});

Разметка на HTML:
<div class="carousel carousel-slider z-depth-5" style="margin: 0 auto; width: 900px!important; height: 600px!important;">
                        <div class="carousel-item red white-text" href="#one!">
                          <img src="http://imran05.ru/wp-content/uploads/1o-kompanii.jpg" style="width: 100%!important; height: 100%!important">
                        </div>
                        <div class="carousel-item amber white-text" href="#two!">
                          <img src="https://robo-hunter.com/uploads/images/6707/news/80_990_455_news_58ff0b8ed036a.jpg" style="width: 100%!important; height: 100%!important">
                        </div>
                        <div class="carousel-item green white-text" href="#three!">
                          <img src="https://miro.medium.com/max/2752/1*b4_HsBtBQYKGeNOulEmn2A.png" style="width: 100%!important; height: 100%!important">
                        </div>
                        <div class="carousel-item blue white-text" href="#four!" style="position:relative!important">
                            <img src="https://images.aif.ru/016/623/0360809ef565967522769fba79c502ac.JPG" style="width: 100%!important; height: 100%!important">
                        </div>
                    </div>


Эти индикаторы подключаются по JS, в HTML их нет, каким образом мне вынести эти индикаторы из блока

Ссылка на документацию
  • Вопрос задан
  • 33 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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