{"_id":"owlcarousel2-filter","_rev":"1-1f2f776cedcbe74039564711970e9a7f","name":"owlcarousel2-filter","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"owlcarousel2-filter","version":"1.0.0","homepage":"https://huynhhuynh.github.io/owlcarousel2-filter","description":"![Image Preview](https://cdn-std.dprcdn.net/files/acc_472041/FI9q09) [Demo](https://huynhhuynh.github.io/owlcarousel2-filter/)","main":"./dist/owlcarousel2-filter.min.js","scripts":{"start":"http-server ./","test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"ISC","dependencies":{"bulma":"^0.7.4","normalize.css":"^8.0.1","owl.carousel":"^2.3.4"},"devDependencies":{"gh-pages":"^2.0.1"},"gitHead":"b5e9501e82b8e321eddd744b7ed217fd3e860bf4","_id":"owlcarousel2-filter@1.0.0","_nodeVersion":"10.15.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-nB2l98azSE6rMsE3ukh2flQWDYeOJGbIEEasXs1LpHtj1EOExvoAbnMWTsRv7NcbDxwahO2OsTqm1uza9vS4TQ==","shasum":"0582904a41e90700068d92989dbb55b5e24633a2","tarball":"https://registry.npmjs.org/owlcarousel2-filter/-/owlcarousel2-filter-1.0.0.tgz","fileCount":9,"unpackedSize":13776,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcdgnSCRA9TVsSAnZWagAAQdAP+QG7CS0eYT1zbAJSXs2k\n3+W3FdLv178ki2VHInOHu3f1datq1SoPK5/6eY2TnwH80KgCmKfPtvFwC/2d\n+IGEXnyvQyoQoJL7n6j9tUAv+BrgjrN5xJmCBhehy7ayci8HpNO74/CyUk/g\nayHj0qomZ8W5XjLqiWYsMS1d7OeEXCJ6EFrs94o7h7ZBoz5E3O2quTU5c9Rm\nG5x0BnOvo1JzEGJ4M6DRl22kAVpvQ5uuoOKngWPZ5MPCU4/RsexlNuvt2DyV\nPmis7RZxN1U6DAYbzzxsNat9CLDkr0BPtq+GPV5HYYas7XYLM36+d+DYSajr\nLJb+vAmkVCueFguTH+W6XeNGEvHyB9E5QngBPhj+vbYiW9ng4dzc41iGboXM\nr/6+xig0WbvVKDo/IdGyNe6soVJ2PBGSjjV5o2Jy8yNCi7iskEHLj/V+omjr\ncVr0FQ2yFohArHylppmrDDx141Fk8B3nEC45Fs3eIWfuIFFWp3J65bvGWJev\n1/FGf8heaIKR4P2acBGj/N0NajSPOWmN5/mhj0j5DI466MF7lNta/6wu5prq\nLJoZahwXhEmTlsWJFif6RF+jeJu7hIbD6rHyQ/F4CdVJnZ80JOOJ93mb/hpH\nQBvUpo52N8EKnkIpuZ+f0e27XBh9EG5ZIx1wEiauNFxv4ZYlpGStFSUJeGrv\nrbEt\r\n=B90G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZOzMJstgXZK+0OaegDrgoU3su6Lg5k3PBCqXyr6AEogIhALDfmOjVpTHVDgl4t2ybfxA11YFoagJVzSDUxHiGaU3a"}]},"maintainers":[{"name":"darkbears","email":"conghieu20@gmail.com"}],"_npmUser":{"name":"darkbears","email":"conghieu20@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/owlcarousel2-filter_1.0.0_1551239633461_0.6037065606448113"},"_hasShrinkwrap":false}},"time":{"created":"2019-02-27T03:53:53.278Z","1.0.0":"2019-02-27T03:53:53.575Z","modified":"2022-05-12T10:06:15.994Z"},"maintainers":[{"name":"darkbears","email":"conghieu20@gmail.com"}],"description":"![Image Preview](https://cdn-std.dprcdn.net/files/acc_472041/FI9q09) [Demo](https://huynhhuynh.github.io/owlcarousel2-filter/)","homepage":"https://huynhhuynh.github.io/owlcarousel2-filter","license":"ISC","readme":"# OwlCarousel 2 - Filter\n\n![Image Preview](https://cdn-std.dprcdn.net/files/acc_472041/FI9q09)\n[Demo](https://huynhhuynh.github.io/owlcarousel2-filter/)\n\n#### Setup demo\n\n```\ngit clone git@github.com:Huynhhuynh/owlcarousel2-filter.git\ncd owlcarousel2-filter\nnpm install\nnpm start\n```\n\n#### Html\n```html\n<nav class=\"owl-filter-bar\">\n    <a href=\"#\" class=\"item\" data-owl-filter=\"*\">All</a>\n    <a href=\"#\" class=\"item\" data-owl-filter=\".red\">Red</a>\n    <a href=\"#\" class=\"item\" data-owl-filter=\".blue\">Blue</a>\n</nav>\n\n<div class=\"owl-carousel owl-theme\">\n    <div class=\"item red\"><h4>1</h4></div>\n    <div class=\"item red\"><h4>2</h4></div>\n    <div class=\"item blue\"><h4>3</h4></div>\n    <div class=\"item\"><h4>4</h4></div>\n    <div class=\"item\"><h4>5</h4></div>\n    <div class=\"item red\"><h4>6</h4></div>\n    <div class=\"item\"><h4>7</h4></div>\n    <div class=\"item\"><h4>8</h4></div>\n    <div class=\"item blue\"><h4>9</h4></div>\n    <div class=\"item\"><h4>10</h4></div>\n    <div class=\"item blue\"><h4>11</h4></div>\n    <div class=\"item\"><h4>12</h4></div>\n</div>\n```\n#### OwlCarousel 2 - Init\n```javascript\nvar owl = $('.owl-carousel').owlCarousel({\n    loop:true,\n    margin:10,\n    nav:true,\n    responsive:{\n        0:{\n            items:1\n        },\n        600:{\n            items:3\n        },\n        1000:{\n            items:5\n        }\n    }\n})\n```\n\n#### OwlCarousel 2 - Filter\n```javascript\n// owl.owlcarousel2_filter( '.blue' );\n\n$( '.owl-filter-bar' ).on( 'click', '.item', function() {\n\n    var $item = $(this);\n    var filter = $item.data( 'owl-filter' )\n\n    $item.addClass( 'current' ).siblings().removeClass( 'current' );\n\n    owl.owlcarousel2_filter( filter );\n\n} )\n```","readmeFilename":"README.md"}