{"id":23545132,"url":"https://github.com/sellersmith/slider-x","last_synced_at":"2025-06-24T04:07:39.636Z","repository":{"id":57173368,"uuid":"150677227","full_name":"sellersmith/slider-x","owner":"sellersmith","description":"🍢 The last jQuery plugin SlideShow @ PageFly","archived":false,"fork":false,"pushed_at":"2023-03-02T19:17:10.000Z","size":7309,"stargazers_count":57,"open_issues_count":3,"forks_count":31,"subscribers_count":22,"default_branch":"master","last_synced_at":"2025-06-05T07:46:10.384Z","etag":null,"topics":["carousel","css","javascript","jquery-plugin","shopify-slider","slideshow"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sellersmith.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-09-28T02:53:22.000Z","updated_at":"2023-06-10T07:21:40.000Z","dependencies_parsed_at":"2024-10-15T04:31:53.535Z","dependency_job_id":"4394e9e0-cdbf-408e-b7f6-3fcfc8fc9f8a","html_url":"https://github.com/sellersmith/slider-x","commit_stats":{"total_commits":162,"total_committers":9,"mean_commits":18.0,"dds":0.3765432098765432,"last_synced_commit":"275e229e7bfcc0409f03b27de9ad4438587d852a"},"previous_names":["sellersmith/pf-slider"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sellersmith/slider-x","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sellersmith%2Fslider-x","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sellersmith%2Fslider-x/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sellersmith%2Fslider-x/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sellersmith%2Fslider-x/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sellersmith","download_url":"https://codeload.github.com/sellersmith/slider-x/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sellersmith%2Fslider-x/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260890529,"owners_count":23077861,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["carousel","css","javascript","jquery-plugin","shopify-slider","slideshow"],"created_at":"2024-12-26T08:14:59.785Z","updated_at":"2025-06-24T04:07:39.605Z","avatar_url":"https://github.com/sellersmith.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🍢 A simple `jQuery` plugin SlideShow @ [PageFly](https://apps.shopify.com/pagefly)\n\n## Installation\n\n```bash\nyarn add slider-x\n\n# or npm i slider-x\n```\n\n## Usage\n\nSet up your markup\n```html\n\u003cdiv class='your-slider'\u003e\n  \u003cdiv class=\"slide-item\"\u003e0\u003c/div\u003e\n  \u003cdiv class=\"slide-item\"\u003e1\u003c/div\u003e\n  \u003cdiv class=\"slide-item\"\u003e2\u003c/div\u003e\n  \u003cdiv class=\"slide-item\"\u003e3\u003c/div\u003e\n\u003c/div\u003e\n```\n\nImport the script and init `SliderX`\n```js\nimport 'slider-x'\nimport 'slider-x/dist/slider-x.css'\n\nlet sliderNode = document.querySelector('.your-slider-class-name')\nlet slider = new SliderX(sliderNode [, options])\n```\n\n## Options\n```js\nlet defaultOptions = {\n  slidesToShow: 1,\n  slidesToScroll: 1,\n  gutter: 0,\n  autoPlay: true,\n  autoPlayDelay: 3000,\n  duration: 450,\n  loop: true,\n  draggable: true,\n  paginationStyle: 'pagination-style-1',\n  navStyle: 'nav-style-1',\n  adaptiveHeight: false,\n  height: 400,\n}\n\n// Style options, pick one for the `paginationStyle` and `navStyle`\nSliderX.styleOptions = {\n  paginations: ['pagination-style-1', 'pagination-style-2', 'pagination-style-3', 'none'],\n  navs: ['nav-style-1 fa-caret', 'nav-style-2 fa-angle', 'nav-style-3 fa-angle', 'nav-style-4 fa-long-arrow', 'nav-style-5 fa-long-arrow', 'none']\n}\n```\n\n## Methods\n\n```js\n// Initialize slider\nslider.init()\n\n// Update options\nslider.updateOptions(newOptions)\n\n// Destroy slider\nslider.destroy()\n\n// Go to slider at index\nslider.goto(index)\n\n// Go to next slider\nslider.next()\n\n// Go to previous slider\nslider.prev()\n\n// Pause slider (if `autoPlay` is true)\nslider.pause()\n\n// Making it move again (after pausing it)\nslider.play()\n```\n\nHappy sliding 🍻\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsellersmith%2Fslider-x","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsellersmith%2Fslider-x","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsellersmith%2Fslider-x/lists"}