Почему не работает слайдер?

Question

[Rem36]

День добрый, пытаюсь подключить слайдер. Не пойму почему не работает, что я делаю не так? Все по документации.

<link rel="stylesheet" href="css/splide.min.css">

<div class="splide">
                            <div class="splide__track">
                                <ul class="splide__list">
                                    <li class="splide__slide"><img src="img/gallery/gallery-slider/slide-1-img-1.jpg" alt=""></li>
                                    <li class="splide__slide"><img src="img/gallery/gallery-slider/slide-1-img-2.jpg" alt=""></li>
                                    <li class="splide__slide"><img src="img/gallery/gallery-slider/slide-1-img-3.jpg" alt=""></li>
                                    <li class="splide__slide"><img src="img/gallery/gallery-slider/slide-1-img-4.jpg" alt=""></li>
                                    <li class="splide__slide"><img src="img/gallery/gallery-slider/slide-1-img-5.jpg" alt=""></li>
                                    <li class="splide__slide"><img src="img/gallery/gallery-slider/slide-1-img-6.jpg" alt=""></li>
                                </ul>
                            </div>
                        </div>

<script src="js/splide.min.js"></script>
<script>
new Splide( '#splide', {
	type   : 'loop',
	perPage: 3,
} );</script>

Comments

[Spartak (Web-StyleStudio)]

<div id="splide" class="splide">

[Rem36]

Spartak (Web-StyleStudio), нет((

[Spartak (Web-StyleStudio)]

Rem36,

new Splide( '#splide'

Идентификатора splide в вашем html коде нет

Answer 1

[Стефан]

Попробуйте заменить

new Splide( '#splide', {
  type   : 'loop',
  perPage: 3,
} );

на

new Splide( '.splide', {
  type   : 'loop',
  perPage: 3,
} );

Comments

[Rem36]

нет

[Александр]

Rem36, new Splide(...).mount();

[Rem36]

Александр, не(

[Александр]

Rem36, Что значит "не"? Все работает.

[Spartak (Web-StyleStudio)]

Rem36,

не(

Что нет? Вам ясно дали понять что в вашей html разметке нет идентификатора splide, к которому вы пытаетесь обратиться здесь

new Splide( '#splide'

[Rem36]

Spartak (Web-StyleStudio), спс

[Rem36]

Александр, спс