djonikage
@djonikage
учусь верстке. < html_CSS_ Js />

Не работает slick-slider в чем ошибка?

index.html
<section class="top-slider">
        <div class="contanier">
          <div class="top-slider__inner">
            <div class="top-slider__item">
              <div class="top-slider__content">
                <h3 class="top-slider__title">
                  New Season
                  New Brand Collection
                </h3>
                <p class="top-slider__tixt">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do et dolore magna aliqua. Ipsum.
                </p>
                <a  class="top-slider__link" href="#">
                  BUY NOW

                </a>

              </div>
              <img class="top-slider__img" src="app/images/slider/foto.png" alt="slide images">
            </div>
            <div class="top-slider__item">
              <div class="top-slider__content">
                <h3 class="top-slider__title">
                  New Season
                  New Brand Collection
                </h3>
                <p class="top-slider__tixt">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do et dolore magna aliqua. Ipsum.
                </p>
                <a  class="top-slider__link" href="#">
                  BUY NOW

                </a>

              </div>
              <img class="top-slider__img" src="app/images/slider/foto.png" alt="slide images">

            </div>
            <div class="top-slider__item">
              <div class="top-slider__content">
                <h3 class="top-slider__title">
                  New Season
                  New Brand Collection
                </h3>
                <p class="top-slider__tixt">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do et dolore magna aliqua. Ipsum.
                </p>
                <a  class="top-slider__link" href="#">
                  BUY NOW

                </a>

              </div>
              <img class="top-slider__img" src="app/images/slider/foto.png" alt="slide images">

            </div>
            <div class="top-slider__item">
              <div class="top-slider__content">
                <h3 class="top-slider__title">
                  New Season
                  New Brand Collection
                </h3>
                <p class="top-slider__tixt">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do et dolore magna aliqua. Ipsum.
                </p>
                <a  class="top-slider__link" href="#">
                  BUY NOW

                </a>

              </div>
              <img class="top-slider__img" src="app/images/slider/foto.png" alt="slide images">

            </div>
          </div>

        </div>
      </section>


gulpfile.js

function scripts() {
  return src([
    "node_modules/jquery/dist/jquery.js",
    "node_modules/slick-carousel/slick/slick.js ",
    "app/js/main.js"
  ])
    .pipe(concat("main.min.js"))
    .pipe(uglify())
    .pipe(dest("app/js"))
    .pipe(browserSync.stream());
  
}


main.js

$(function (){
  $('.top-slider__inner').slick({});
});


_libs.scss

Dmitrijs Balcers '../../node_modules/slick-carousel/slick/slick.scss'

@import "vars";
@import "fonts";
@import "reset";
@import "libs";
@import "global";


в чем проблема не могу понять 2 раз по тутору переделываю и все равно slick не срабатывает

в index.html slic не подключал в уроке так работает у меня почему то нет
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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