{"id":32247561,"url":"https://github.com/robiveli/jscrolly","last_synced_at":"2026-02-22T03:01:17.659Z","repository":{"id":16606903,"uuid":"80237065","full_name":"robiveli/jscrolly","owner":"robiveli","description":"Simple dependency-free javascript carousel slider plugin","archived":false,"fork":false,"pushed_at":"2023-07-08T13:09:18.000Z","size":1191,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-23T16:14:32.443Z","etag":null,"topics":["carousel","javascript","lightweight","plugin","simple","slider","thumbnail","vanilla-js"],"latest_commit_sha":null,"homepage":"https://www.rvdizajn.com/jscrolly/","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/robiveli.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}},"created_at":"2017-01-27T19:05:39.000Z","updated_at":"2023-03-08T22:45:39.000Z","dependencies_parsed_at":"2023-01-13T18:55:57.953Z","dependency_job_id":null,"html_url":"https://github.com/robiveli/jscrolly","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/robiveli/jscrolly","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robiveli%2Fjscrolly","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robiveli%2Fjscrolly/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robiveli%2Fjscrolly/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robiveli%2Fjscrolly/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/robiveli","download_url":"https://codeload.github.com/robiveli/jscrolly/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robiveli%2Fjscrolly/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29704400,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-21T23:35:04.139Z","status":"online","status_checked_at":"2026-02-22T02:00:08.193Z","response_time":110,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","javascript","lightweight","plugin","simple","slider","thumbnail","vanilla-js"],"created_at":"2025-10-22T17:35:30.304Z","updated_at":"2026-02-22T03:01:17.649Z","avatar_url":"https://github.com/robiveli.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# jScrolly #\n### simple dependency-free javascript carousel slider plugin ###\n\n### Install ###\n\n```\nnpm install jscrolly\n```\n\n### Usage ###\n\nInclude script:\n```\n\u003cscript src=\"jScrolly.js\"\u003e\u003c/script\u003e\n```\n\nor\n```\nimport jScrolly from 'jScrolly';\n```\n\nInclude styling for buttons (optionally, style it as you wish):\n```\n\u003clink href='jScrolly.css' rel='stylesheet' type='text/css'\u003e\n```\nor\n```\n@import 'jScrolly';\n```\n\nInitial required structure, place any content you want within the items:\n```\n\u003cdiv class=\"jScrolly\"\u003e\n    \u003cdiv class=\"jContent\"\u003e\n        \u003cdiv class=\"slider\"\u003e\n        \t\u003cdiv\u003e\u003c/div\u003e\n        \t\u003cdiv\u003e\u003c/div\u003e\n        \t\u003cdiv\u003e\u003c/div\u003e\n        \t\u003cdiv\u003e\u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\nFinally, initialize jScrolly:\n```\n\u003cscript\u003e\n    var myScroller = new jScrolly();\n\u003c/script\u003e\n```\n\n### Demo ###\n\nDemo available [here](https://www.rvdizajn.com/jscrolly/).\n\n### Options ###\n\njScrolly can take an optional parameters - an object of key/value settings:\n\n- **$transitionSpeed** String *(default:400ms)* - speed of previous and next transitions (in milliseconds)\n- **buttonsClass** String *(default:jPanel)* - css class for buttons container\n- **buttonPrevClass** String *(default:prevBtn)* - css class for previos button\n- **buttonNextClass** String *(default:nextBtn)* - css class for next button\n- **buttonNeactiveClass** String *(default:neactive)* - css class for neactive button\n- **buttonPrevText** String *(default:Previous)* - text for for previos button\n- **buttonNextText** String *(default:Next)* - text for for next button\n- **onFirstSlide** Function *(default:null)* - runs only once on first slide change\n- **onSlide** Function *(default:null)* - runs at slide change\n\n**Example**\n```\n\u003cscript\u003e\n    var myScroller = new jScrolly({\n\n        onFirstSlide: function() {\n            console.log('On first slide change');\n        },\n\n        onSlide: function() {\n            console.log('On every slide change');\n        }\n\n    });\n\u003c/script\u003e\n```\n\nDefault css settings are placed in `/sass/library/_variables.scss`:\n\n- **$baseColor** *(default:#3A3A3A)* - main color for buttons\n- **$btnSize** *(default:60)* - size of buttons in rem unit\n\n### API ###\n\n`moveNext()` - slide to next slide\n\n`movePrev()` - slide to prev slide\n\n`destroy()` - destroys the current instance of jScrolly\n\n### Browser support ###\n\nIt works in every modern browser where [classList](https://developer.mozilla.org/en-US/docs/Web/API/Element/classList) is supported.\n\nConsider using polyfill [classList](https://github.com/eligrey/classList.js/) feature if needed.\n\n\n### License  ###\n\njScrolly is licensed under the [MIT license](http://opensource.org/licenses/MIT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobiveli%2Fjscrolly","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobiveli%2Fjscrolly","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobiveli%2Fjscrolly/lists"}