スライダーのメイン画像の高さが小数点になってしまう
##困っている事
整数でないと、画像が綺麗に見えない
http://kenwheeler.github.io/slick/
↓ slick jsのサイトのサンプルが既に小数点になっています。
どこをいじれば、高さが整数になるのでしょうか。
以下、ソースです。
HTML
1<html> 2 <head> 3 <title>My Now Amazing Webpage</title> 4 <link rel="stylesheet" type="text/css" href="slick/slick.css"/> 5 <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> 6 </head> 7 <body> 8 9 <div class="your-class"> 10 <div>your content</div> 11 <div>your content</div> 12 <div>your content</div> 13 </div> 14 15 <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> 16 <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 17 <script type="text/javascript" src="slick/slick.min.js"></script> 18 19 <script type="text/javascript"> 20 $(document).ready(function(){ 21 $('.your-class').slick({ 22 setting-name: setting-value 23 }); 24 }); 25 </script> 26 27 </body> 28</html>
js
1 $('.slider-for').slick({ 2 slidesToShow: 1, 3 slidesToScroll: 1, 4 arrows: false, 5 fade: true, 6 asNavFor: '.slider-nav' 7}); 8$('.slider-nav').slick({ 9 slidesToShow: 3, 10 slidesToScroll: 1, 11 asNavFor: '.slider-for', 12 dots: true, 13 centerMode: true, 14 focusOnSelect: true 15});
回答3件
あなたの回答
tips
プレビュー