Добрый вечер программисты
У меня есть карусель на фреймворке 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 их нет, каким образом мне вынести эти индикаторы из блока
Ссылка на документацию