javascript - Trouble adding Slick Carasel from kenwheeler to Foundation template -
javascript - Trouble adding Slick Carasel from kenwheeler to Foundation template -
i having problem adding slick carousel foundation template. followed instructions here: http://kenwheeler.github.io/slick/ , read answeres question here: problems using kenwheeler slick carousel, , made requested changes.
but, carousel still not working.
i set slick folder referenced in local folder.
here html:
<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>**** | welcome</title> <link rel="stylesheet" href="css/normalize.css" /> <link rel="stylesheet" href="css/foundation.css" /> <script src="js/vendor/modernizr.js"></script> <!--slick css--> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> </head> <body> <div class="your-class"> <div>your content</div> <div>your content</div> <div>your content</div> </div> <script src="js/vendor/jquery.js"></script> <script src="js/foundation.min.js"></script> <script> $(document).foundation(); </script> <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 type="text/javascript" src="slick/slick.min.js"></script>
<script type="text/javascript"> $(document).ready(function(){ $('.your-class').slick({ dots: true, infinite: true, speed: 500, fade: true, slide: '> div', cssease: 'linear' }); }); </script> </body> </html>
if have shared exact code have used close script tag jquery-migrate.min.js
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
this should help. i'm not sure if next valid in jquery snippet.
slick:'< div',
please check too.
javascript zurb-foundation carousel slick.js
Comments
Post a Comment