zip\u30d5\u30a1\u30a4\u30eb\u3092\u958b\u304d\u4e00\u968e\u5c64\u4e0b\u306e\u300cslick\u300d\u30d5\u30a9\u30eb\u30c0\u304b\u3089\u300cslick-theme.css\u300d\u300cslick.css\u300d\u300cslick.min.js\u300d\u3092\u4f7f\u3044\u307e\u3059\u3002head\u90e8\u5206\u306b\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3080\u30d1\u30b9\u3068jquery\u306e\u5916\u90e8\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u8fbc\u307f\u307e\u3059\u3002<\/p>\n
\r\n<link rel="stylesheet" href="_assets\/css\/style.css">\r\n<link rel="stylesheet" href="_assets\/css\/slick-theme.css">\r\n\r\n<script src="https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.12.4\/jquery.min.js"><\/script>\r\n<script src="_assets\/js\/slick.js"><\/script>\r\n<script src="_assets\/js\/slider.js"><\/script>\r\n<\/pre>\nhtml\u306e\u8a18\u8ff0<\/p>\n
\r\n<ul class="slider"><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/tableware_off.jpg" alt="test1"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/interior_off.jpg" alt="test2"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/sundries_off.jpg" alt="test3"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/ornament_off.jpg" alt="test4"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/furniture_off.jpg" alt="test5"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/antique_off.jpg" alt="test6"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/bronze_off.jpg" alt="test7"><\/a><\/li><!--\r\n--><\/ul>\r\n<\/pre>\ncss\u306e\u8a18\u8ff0<\/p>\n
\r\n .slider{\r\n .slick-slide{\r\n margin:0 0.2%;\r\n img{\r\n min-width:80%;\r\n }\r\n }\r\n }\r\n<\/pre>\n\r\n$("document").ready(function(){\r\n $('.slider').slick({\r\n infinite: true,\r\n dots:false,\/\/\u30b9\u30e9\u30a4\u30c0\u30fc\u4e0b\u306b\u30c9\u30c3\u30c8\u3092\u3064\u3051\u308b\u304b\r\n slidesToShow: 3,\/\/\u3044\u304f\u3064\u8868\u793a\u3055\u305b\u308b\u304b\r\n slidesToScroll: 1, \/\/\u4f55\u500b\u305a\u3064\u30b9\u30af\u30ed\u30fc\u30eb\u3055\u305b\u308b\u304b\r\n centerMode: true, \/\/\u8981\u7d20\u3092\u4e2d\u592e\u5bc4\u305b\r\n centerPadding:'10%', \/\/\u4e21\u30b5\u30a4\u30c9\u306e\u898b\u3048\u3066\u3044\u308b\u90e8\u5206\u306e\u30b5\u30a4\u30ba\r\n autoplay:true, \/\/\u81ea\u52d5\u518d\u751f\r\n autoplaySpeed: 3000,\r\n \/\/\u3053\u3053\u304b\u3089\u4e0b\u306f\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306e\u6307\u5b9a\r\n responsive: [{\r\n breakpoint: 480,\r\n settings: {\r\n centerMode: false,\r\n slidesToShow: 1,\r\n centerMode: true,\r\n centerPadding:'20%',\r\n }\r\n }]\r\n });\r\n});\r\n\r\n\r\n<\/pre>\n\u57fa\u672c\u7684\u306b\u306f\u3053\u308c\u3067\u52d5\u304d\u307e\u3059\u304c\u3001\u4e21\u30b5\u30a4\u30c9\u306b\u30cd\u30af\u30b9\u30c8\u30dc\u30bf\u30f3\u30fb\u30d7\u30ec\u30d3\u30e5\u30fc\u30dc\u30bf\u30f3\u3092\u914d\u7f6e\u3057\u305f\u3044\u5834\u5408\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a18\u8ff0\u3057\u307e\u3059\u3002<\/p>\n
\u30cd\u30af\u30b9\u30c8\u30dc\u30bf\u30f3\u30fb\u30d7\u30ec\u30d3\u30e5\u30fc\u30dc\u30bf\u30f3\u8a2d\u7f6e\u306ehtml<\/p>\n
\r\n <div class="h_slider">\r\n <ul class="slider"><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/tableware_off.jpg" alt="test1"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/interior_off.jpg" alt="test2"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/sundries_off.jpg" alt="test3"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/ornament_off.jpg" alt="test4"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/furniture_off.jpg" alt="test5"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/antique_off.jpg" alt="test6"><\/a><\/li><!--\r\n --><li><a href="#"><img src="_assets\/img\/home\/item\/bronze_off.jpg" alt="test7"><\/a><\/li><!--\r\n --><\/ul>\r\n <div id="arrows">\r\n <div class="slick-next">\r\n <img src="_assets\/img\/home\/item\/btn_right.png" alt="\u2190">\r\n <\/div>\r\n <div class="slick-prev">\r\n <img src="_assets\/img\/home\/item\/btn_left.png" alt="\u2192">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/pre>\n\u30cd\u30af\u30b9\u30c8\u30dc\u30bf\u30f3\u30fb\u30d7\u30ec\u30d3\u30e5\u30fc\u30dc\u30bf\u30f3\u8a2d\u7f6e\u306ecss<\/p>\n
\r\n .h_slider{\r\n width:100%;\r\n margin: 0 auto;\r\n .slider{\r\n padding:60px 0;\r\n .slick-slide{\r\n margin:0 0.2%;\r\n img{\r\n min-width:80%;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n<\/pre>\n\u4e0b\u304b\u3089\u306fjs\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u308b\u30aa\u30d7\u30b7\u30e7\u30f3\u8a2d\u5b9a\u3067\u3059\u3002<\/p>\n
\r\nautoplay: true, \/\/\u81ea\u52d5\u518d\u751f\u3055\u305b\u308b\u304b\r\nautoplaySpeed: 3000, \/\/\u81ea\u52d5\u518d\u751f\u306e\u9593\u9694\r\nslidesToShow: 3, \/\/\u753b\u9762\u4e0a\u306b\u4f55\u500b\u8868\u793a\u3055\u305b\u308b\u304b\r\nslidesToScroll: 1, \/\/\u4f55\u500b\u305a\u3064\u30b9\u30af\u30ed\u30fc\u30eb\u3055\u305b\u308b\u304b\r\ncenterMode:true,\/\/\u30bb\u30f3\u30bf\u30fc\u8868\u793a\r\ncenterPadding:'10%',\/\/\u4e21\u30b5\u30a4\u30c9\u306e\u753b\u50cf\u3092\u898b\u305b\u308b\u5272\u5408\r\ndots: false, \/\/\u4e0b\u306e\u30c9\u30c3\u30c8\u306f\u8868\u793a\u3055\u305b\u308b\u304b\r\nfade:false,\/\/\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u30d5\u30a7\u30fc\u30c9\u30a2\u30a6\u30c8\u3067\u5207\u308a\u66ff\u3048\r\ninfinite:teue,\u30eb\u30fc\u30d7\u3055\u305b\u308b\u304b\u3055\u305b\u306a\u3044\u304b\r\nappendArrows: $('#arrows')\/\/\u30cd\u30af\u30b9\u30c8\u30d7\u30fb\u30ec\u30d3\u30e5\u30fc\u30dc\u30bf\u30f3\u306e\u6307\u5b9a\r\nswipe: true,\/\/\u30bf\u30c3\u30c1\u30b9\u30ef\u30a4\u30d7\u3092\u3059\u308b\u304b\u3069\u3046\u304b\r\n<\/pre>\n\u53c2\u8003url:http:\/\/blog.mismithportfolio.com\/web\/20150917slickjs<\/p>\n","protected":false},"excerpt":{"rendered":"
slick\u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u4f7f\u3063\u305f\u30ec…<\/p>\n","protected":false},"author":2,"featured_media":228,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts\/200"}],"collection":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=200"}],"version-history":[{"count":2,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts\/200\/revisions\/207"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/media\/228"}],"wp:attachment":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"slick_01\"](\"http:\/\/memo.baseline-lib.com\/wp-content\/uploads\/2016\/12\/slick_01.jpg\")