slick carousel

Marco_88

Utente Attivo
4 Dic 2014
150
0
0
Roma
batwebit.blogspot.it
Ciao ragazzi, qualcuno di voi ha già avuto a che fare con questo plugin? Io non riesco a farlo partire ma forse mi sfugge qualcosa.

link al plugin: http://kenwheeler.github.io/slick/

E questo è quello che sto cercando di fare io seguendo le istruzioni sul sito

HTML:
<!DOCTYPE html>
<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">
  
  
  <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>
  <style>
  
  .slick-slider li{
  width:190px;
  height: 200px;
  margin:auto;
  float:left;
  list-style:none;
  }
  
  </style>
  </head>
  <body>

  <div class="slick-slider">

  <ul>
    <li><img src="image.jpg" width="150"></li>
    <li><img src="image.jpg" width="150"></li>
    <li><img src="image.jpg" width="150"></li>
    <li><img src="image.jpg" width="150"></li>
    <li><img src="image.jpg" width="150"></li>
    <li><img src="image.jpg" width="150"></li>
    <li><img src="image.jpg" width="150"></li>
    <li><img src="image.jpg" width="150"></li>
  </ul>
  
  </div>



  <script type="text/javascript">
    $(document).ready(function(){
      $('.slick-slider').slick({
        setting-name: setting-value
      });
    });
  </script>

  </body>
</html>
 

Discussioni simili