{"_id":"infiniteslidev2","_rev":"3-980fe8a0057ae8d012a53b84da3dec53","time":{"2.0.1":"2018-09-14T10:18:56.690Z","created":"2018-09-15T11:47:40.758Z","2.0.1-1":"2018-09-15T11:47:41.099Z","modified":"2022-05-05T21:55:25.138Z"},"name":"infiniteslidev2","dist-tags":{"latest":"2.0.1-1"},"versions":{"2.0.1-1":{"name":"infiniteslidev2","version":"2.0.1-1","description":"要素を無限スクロールさせるjQueryプラグインです。CSS3 Animationを使用しているため、滑らかです。","main":"infiniteslidev2.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/woodroots/infiniteslidev2.git"},"keywords":["jquery-plugin","slider","carousel","infinite","js"],"author":{"name":"woodroots"},"license":"MIT","bugs":{"url":"https://github.com/woodroots/infiniteslidev2/issues"},"homepage":"https://wood-roots.com","dependencies":{"jquery":">= 1.8.0, < 3.0.0"},"gitHead":"cd712e66cd54f7a19b2307ab97f19d7908861933","_id":"infiniteslidev2@2.0.1-1","_shasum":"9d502a83ec0dd006e7252e02f597f8e0ea04416d","_from":".","_npmVersion":"4.0.5","_nodeVersion":"8.11.1","_npmUser":{"name":"woodroots","email":"morimoto@wood-roots.com"},"dist":{"shasum":"9d502a83ec0dd006e7252e02f597f8e0ea04416d","tarball":"https://registry.npmjs.org/infiniteslidev2/-/infiniteslidev2-2.0.1-1.tgz","integrity":"sha512-8Gg9w5gMr/2mBdGc6Qu26ZxOOIGnsBwFqEeV6UFtyO04z7yMdi4WwgAGboRBuRKa/XY+p3Kjl0ehXKraE7s4cw==","fileCount":19,"unpackedSize":1635305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbnPFdCRA9TVsSAnZWagAAdmUP/iLnOEctksJN7ZCk2Re1\n+pQEDsYc1/8RIjdGHJTAE7pjpOnfeOGOEAtRtnCfa5QAuDfr2/zi3tpoF0F0\nRR/uBANRCJyHS9lLALLJCZS9Seyn68rGnfg07zYbwmXe+C6Yxm3+HU/h/yhA\ndfXljLf6QgV9xWepvQ1L0f4Whc+k4eusJJUeUNY/Aj3Ha+aKgk1fQPZCPDiJ\nCQaJmVL17tzUt9FbJYmngSNxtAKM6CoJqCTcKd0gRLLmTy/vrQNcqhLjEHOd\n3buRwD23b5gp4SUsPjlQnBVnJZji8GALtj29A2xgH4jWEeqL5trVPl81v0eX\n3U+UZbfQfRoqEPkJP4he5iQwUiQreLFRGQAdhFdNvLH79Z+zEqC2m3/KWsAH\nIEAGQixPxqYWuIQ2RZSc7WOOBvX8kvJYtoTxCUvTdHrJA20x+F2h6TED8NnA\nkHsO/UjHBsQrd7uIKhH78iDkNXDr6wS36C3vtEYW325KUa6mJbrTX8Z2ActB\nkmjPazyH1D/hxKaJkMIvuGnD3ow+97W5neMVpd497EVD7uV9xUAOsjdQcc7D\n4Xd77CO8lGSi5ZvYr+7xgw1K3KzRto+WMJXC6eSAwGFUaF6BDT92AMhAFDjB\n5pvqhoOgzZQfM1EFeO7aP40MPqmpDSYZqfd0+c+fpS3uQxdFf9wQa/+JAzbZ\niw+4\r\n=P6cc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClkl6Ismb6whLmAHl73HJ/OFKnoz7u3jnQ8LSXw7sEEwIhALc6ZC57NndwRo4qv2wQ/vEMJ9kvn/iiy+B+dLHwljTA"}]},"maintainers":[{"name":"woodroots","email":"morimoto@wood-roots.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/infiniteslidev2_2.0.1-1_1537012060759_0.6304253787549341"},"_hasShrinkwrap":false}},"maintainers":[{"name":"woodroots","email":"morimoto@wood-roots.com"}],"description":"要素を無限スクロールさせるjQueryプラグインです。CSS3 Animationを使用しているため、滑らかです。","homepage":"https://wood-roots.com","keywords":["jquery-plugin","slider","carousel","infinite","js"],"repository":{"type":"git","url":"git+https://github.com/woodroots/infiniteslidev2.git"},"author":{"name":"woodroots"},"bugs":{"url":"https://github.com/woodroots/infiniteslidev2/issues"},"license":"MIT","readme":"# Infiniteslide.js v2\r\n\r\n[日本語の解説はこちら](#ja)\r\n\r\nInfiniteslide.js v2 is jQuery plugin that is scrolling infinite.\r\nThis is using CSS3 Animation (keyframes), so smooth and light for browser.\r\n\r\n### Browser Support\r\nInfiniteslide.js v2 use Flexbox and @keyfremas.\r\nso over IE10,Android 4.4.\r\n\r\n## Demo\r\n<http://wood-roots.com/sample/infiniteslidev2/>\r\n\r\n## Blog Article\r\nSorry japanese only.\r\n<http://wood-roots.com/?p=1975>\r\n\r\n## Usage\r\n\t<script src=\"https://code.jquery.com/jquery-1.12.4.min.js\"></script>\r\n\t<script src=\"infiniteslidev2.js\"></script>\r\n\t<!--\r\n\tif using jsdelivr,write this.\r\n\t<script src=\"https://cdn.jsdelivr.net/npm/infiniteslidev2/infiniteslidev2.min.js\"></script>\r\n\t-->\r\n\t<script type=\"text/javascript\">\r\n\t\t$(function(){\r\n\t\t\t$('.infiniteslide').infiniteslide({\r\n\t\t\t\t'speed': 100, //speed this is px/min\r\n\t\t\t\t'direction': 'left', //choose  up/down/left/right\r\n\t\t\t\t'pauseonhover': true, //if true,stop onmouseover\r\n\t\t\t\t'responsive': false, //width/height recalculation on window resize. child element's width/height define %/vw/vh,this set true.\r\n\t\t\t\t'clone': 1 //if child elements are too few (elements can't \"infinite\"), set 2 or over.\r\n\t\t\t});\r\n\t\t});\r\n\t</script>\r\n\r\n\t<!-- omitted -->\r\n\r\n\t<div class=\"infiniteslide\">\r\n\t\t<ul>\r\n\t\t\t<li><img src=\"img/1.jpg\" alt=\"\" /></li>\r\n\t\t\t<li><img src=\"img/2.jpg\" alt=\"\" /></li>\r\n\t\t\t<li><img src=\"img/3.jpg\" alt=\"\" /></li>\r\n\t\t\t<li><img src=\"img/4.jpg\" alt=\"\" /></li>\r\n\t\t</ul>\r\n\t</div>\r\n\r\n## Options\r\n+   `speed` : speed / px/min\r\n+   `direction` : direction（choose up/down/left/right）\r\n+   `pauseonhover` : animation stop on mouseover （true/false)\r\n+   `responsive` : responsive support\r\n+   `clone` : Number of times to duplicate child elements. If the number of child elements is small and the loop is interrupted, specify 2 or more.\r\n\r\n\r\n\r\n## History\r\n2018.09.17 English readme add. \r\n2017.07.11 clone option add. \r\n2017.07.10 release. \r\n\r\n\r\n<a name=\"ja\"></a>\r\n\r\n## 日本語の解説\r\n\r\n要素を無限スクロールさせるjQueryプラグインです。\r\nCSS3 Animationを使用しているため、滑らかです。\r\n\r\n### 対応ブラウザ\r\nFlexboxと@keyframeによるアニメーションを使用しているため、IE10以上、Android4.4以上です。\r\n\r\n## デモ\r\n<http://wood-roots.com/sample/infiniteslidev2/>\r\n\r\n## ブログ記事\r\n<http://wood-roots.com/?p=1975>\r\n\r\n\r\n## 使い方\r\n\r\n\t<script src=\"https://code.jquery.com/jquery-1.12.4.min.js\"></script>\r\n\t<script src=\"infiniteslidev2.js\"></script>\r\n\t<!--\r\n\tjsDelivrから読み込む場合は下記のように記述してください。\r\n\t<script src=\"https://cdn.jsdelivr.net/npm/infiniteslidev2/infiniteslidev2.min.js\"></script>\r\n\t-->\r\n\r\n\t<script type=\"text/javascript\">\r\n\t\t$(function(){\r\n\t\t\t$('.infiniteslide').infiniteslide({\r\n\t\t\t\t'speed': 100, //速さ　単位はpx/秒です。\r\n\t\t\t\t'direction': 'left', //up/down/left/rightから選択\r\n\t\t\t\t'pauseonhover': true, //マウスオーバーでストップ\r\n\t\t\t\t'responsive': false, //子要素の幅を%で指定しているとき\r\n\t\t\t\t'clone': 1 //子要素の複製回数\r\n\t\t\t});\r\n\t\t});\r\n\t</script>\r\n\r\n\t<!-- 途中略 -->\r\n\r\n\t<div class=\"infiniteslide\">\r\n\t\t<ul>\r\n\t\t\t<li><img src=\"img/1.jpg\" alt=\"\" /></li>\r\n\t\t\t<li><img src=\"img/2.jpg\" alt=\"\" /></li>\r\n\t\t\t<li><img src=\"img/3.jpg\" alt=\"\" /></li>\r\n\t\t\t<li><img src=\"img/4.jpg\" alt=\"\" /></li>\r\n\t\t</ul>\r\n\t</div>\r\n\r\n\r\n## オプション\r\nオプションは5種類です。\r\n\r\n+   `speed` : 速さ\r\n+   `direction` : 向き（up/down/left/right　より選択）\r\n+   `pauseonhover` : マウスオーバーでアニメーションをストップする（true/false)\r\n+   `responsive` : レスポンシブ対応するかどうか。スライドの子要素を%で指定している場合はtrueにしてください。\r\n+   `clone` : 子要素を複製する回数。子要素の数が少なくループが途切れる場合は2以上を指定してください。\r\n\r\n\r\n## 更新情報\r\n2018.09.17 英語のreadmeを作成（なお作者の英語力は…） \r\n2017.07.11 cloneオプションの追加。 \r\n2017.07.10 初版公開 ","readmeFilename":"readme.md"}