slickプラグインを使った時、レスポンシブつまりwindowリサイズに対応させたい場合は、どうすればいいのだろうか?
<link rel="stylesheet" type="text/css" href="./slick.css"/> <link rel="stylesheet" type="text/css" href="./slick-theme.css"/> <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="./slick.min.js"></script> <div class="_slick"> <div>1</div> <div>2</div> <div>3</div> </div> <script> jQuery(function($){ var $slick = $('._slick'); $slick.slick({ responsive: [ { breakpoint: 320, settings: { } } ] }); }); </script>responsiveパラメータに配列で、breakpointとsettingsを設定すればおk
0 コメント:
コメントを投稿