{"_id":"@craze98101/image-carousel","_rev":"2-fc4e658d07d8500b9ee4174e728c4a6d","name":"@craze98101/image-carousel","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@craze98101/image-carousel","version":"1.0.0","keywords":["image-carousel"],"author":{"name":"craze98101"},"license":"ISC","_id":"@craze98101/image-carousel@1.0.0","maintainers":[{"name":"craze98101","email":"rohitrajagopal04@gmail.com"}],"homepage":"https://github.com/Rohit-Rajagopal/image_carousel_module_js#readme","bugs":{"url":"https://github.com/Rohit-Rajagopal/image_carousel_module_js/issues"},"dist":{"shasum":"b147657645a0727af7382055840d10378dd94e75","tarball":"https://registry.npmjs.org/@craze98101/image-carousel/-/image-carousel-1.0.0.tgz","fileCount":4,"integrity":"sha512-jh62Fvo9UU/0cRz1IxhUrDWP5KLsKiCgsoR8/DxTtseZ6n3lNdwo1bPTorP8hGqjx0MhQ7G0Egj0D5edvNBVSA==","signatures":[{"sig":"MEQCIEnSMnkfY/pDgkeqPMGJsNLA+Gt6GTuzkgy4ZBT6RIARAiAn+kr39SlB7pbZuJcuwkN7O/ktdK7+IaJhDWZGZ5doww==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5467},"main":"carousel.js","type":"module","style":"carousel.css","gitHead":"c59d23c27df71d9aa49fe935501dd85c6d6215fe","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"craze98101","email":"rohitrajagopal04@gmail.com"},"repository":{"url":"git+https://github.com/Rohit-Rajagopal/image_carousel_module_js.git","type":"git"},"_npmVersion":"10.9.3","description":"A reusable image carousel module","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/image-carousel_1.0.0_1757076012997_0.0220284373004056","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@craze98101/image-carousel","version":"1.0.1","description":"A reusable image carousel module","main":"carousel.js","type":"module","style":"carousel.css","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/Rohit-Rajagopal/image_carousel_module_js.git"},"keywords":["image-carousel"],"author":{"name":"craze98101"},"license":"ISC","bugs":{"url":"https://github.com/Rohit-Rajagopal/image_carousel_module_js/issues"},"homepage":"https://github.com/Rohit-Rajagopal/image_carousel_module_js#readme","_id":"@craze98101/image-carousel@1.0.1","gitHead":"f3d5c18d27e7cca948b062838b7e14f2aed74ac1","_nodeVersion":"22.18.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-GuBr54L5DEfHaJavpTANgFlfGZysdgyQG5AYNOtN19/nYw0KKYMDEEeP2SZA4vjMUAPnEbEPes9x1XoHV23AqQ==","shasum":"c10cfefadcbb47b16a93fc20e1d54d7236e195bc","tarball":"https://registry.npmjs.org/@craze98101/image-carousel/-/image-carousel-1.0.1.tgz","fileCount":4,"unpackedSize":5473,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCljEgRs6a+xiVEwUU2i29FJ5ho/aPPUMOFj315q6CCMgIgRJFswC1rUEmWIudX4JySkhvTAi+VxMebUCVpgspdI8g="}]},"_npmUser":{"name":"craze98101","email":"rohitrajagopal04@gmail.com"},"directories":{},"maintainers":[{"name":"craze98101","email":"rohitrajagopal04@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/image-carousel_1.0.1_1757077107664_0.4580488386683219"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-05T12:40:12.917Z","modified":"2025-09-05T12:58:28.040Z","1.0.0":"2025-09-05T12:40:13.184Z","1.0.1":"2025-09-05T12:58:27.848Z"},"bugs":{"url":"https://github.com/Rohit-Rajagopal/image_carousel_module_js/issues"},"author":{"name":"craze98101"},"license":"ISC","homepage":"https://github.com/Rohit-Rajagopal/image_carousel_module_js#readme","keywords":["image-carousel"],"repository":{"type":"git","url":"git+https://github.com/Rohit-Rajagopal/image_carousel_module_js.git"},"description":"A reusable image carousel module","maintainers":[{"name":"craze98101","email":"rohitrajagopal04@gmail.com"}],"readme":"# Image_Carousel_module\nAn Image Carousel implementation.\n```bash\nnpm i @craze98101/image-carousel\n```\n> **Note:** Must be used with Webpack (or any other bundler that can load css files)\n\n---\n\n## Usage\n\n### JS\n- Import the initialization function.\n\n```js\nimport { carouselInit } from \"@craze98101/image-carousel\"\n```\n- Call the function at the bottom of your js file.\n\n---\n\n### HTML\n- Add the class `image-carousel` to the div which will contain the carousel.\n- Set the attribute `data-nav=\"true\"` if you want navigation dots below the images. \n- If you want the carousel to change images after some amount of time, set the data-timer attribute to the amount of time in **milliseconds**.\n- Add the class `image-frame` to the frame div (the images will be displayed on this div).\n- Add the class `images` to a div within the `image-frame` div. This div will contain all the images of the carousel. Add any images as img tags.\n- Add the classes `image-carousel-prev` and `image-carousel-next` to the buttons that will move the carousel to the previous and next image respectively. You can have more than one of each button.\n\n#### Example:\n\n```html\n<div class=\"image-carousel\" data-nav=\"true\" data-timer=\"5000\">\n    <div class=\"image-frame\">\n        <div class=\"images\">\n            <img src=\"sample1.jpg\" alt=\"\">\n            <img src=\"sample2.jpg\" alt=\"\">\n            <img src=\"sample3.jpg\" alt=\"\">\n        </div>\n    </div>\n    <button class=\"image-carousel-prev\">Prev</button>\n    <button class=\"image-carousel-next\">Next</button>\n</div>\n```\n\n---\n\n### Styling\nThis package only implements the **barebones architecture** for an image carousel.\nAny additional styling (improved aesthetics, buttons positioned over the images etc) can be implemented by the user at their convenience.","readmeFilename":"README.md"}