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

Я просто пытаюсь заставить простую карусель работать, но на странице просто показаны фотографии без карусели. Как это исправить? Я после 'Getting Started' руководство от: http://kenwheeler.github.io/slick/Я не могу получить базовую карусель для работы на ладони?

<html> 
    <head> 
    <title>My Now Amazing Webpage</title> 
    <link rel="stylesheet" type="text/css" href="slick/slick.css"/> 
    <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> 
    </head> 
    <body> 

    <div class="your-class"> 
    <div><img src="images/image1.png"></div> 
    <div><img src="images/image2.png"></div> 
    <div><img src="images/image3.png"></div> 
    <div><img src="images/image4.png"></div> 
    <div><img src="images/image5.png"></div> 
    <div><img src="images/image13.png"></div> 
    <div><img src="images/image6.png"></div> 
    <div><img src="images/image21.png"></div> 
    <div><img src="images/image3.png"></div> 
    <div><img src="images/image9.png"></div> 
    <div><img src="images/image12.png"></div> 
    <div><img src="images/image13.png"></div> 
    </div> 

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <script type="text/javascript" src="slick/slick.min.js"></script> 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.your-class').slick({ 
     setting-name: setting-value 
     }); 
    }); 
    $('.variable-width').slick({ 
      dots: true, 
      infinite: true, 
      speed: 300, 
      slidesToShow: 1, 
      centerMode: true, 
      variableWidth: true 
    }); 
    $('.autoplay').slick({ 
      slidesToShow: 3, 
      slidesToScroll: 1, 
      autoplay: true, 
      autoplaySpeed: 2000, 
    }); 
    </script> 

    </body> 
</html>

источник

2016-01-26 user3796320

Это не похоже на работу. У меня уже есть '' $ (document) .ready (function() { $ ('. Your-class'). Slick ({ setting-value: установочное значение }); "' тоже. для создания моего собственного .js-файла? У меня есть только папка сглаживания, папка с изображениями и этот .html-файл в моем корне. – user3796320

'setting-name: setting-value' является примером синтаксиса. Если вы удалите эту строку, он, вероятно, будет работать, используя настройки по умолчанию. –

Вы на самом деле не инициализирует div. setting-name : setting-value - это псевдокод, указывающий, что имя и значение необходимо заменить.

Пример правильной инициализации будет:

$(document).ready(function(){ 
    $('.your-class').slick({ 
     dots: true, 
     infinite: true, 
     speed: 300, 
     slidesToShow: 1, 
     centerMode: true, 
     variableWidth: true 
    }); 
});

Working Fiddle

источник

2016-01-26 21:02:39 Yass

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

ответ

Смежные вопросы