{"id":16429935,"url":"https://github.com/sheikalthaf/rescarousel","last_synced_at":"2026-02-08T10:33:13.420Z","repository":{"id":104179149,"uuid":"82669211","full_name":"sheikalthaf/ResCarousel","owner":"sheikalthaf","description":"This is Project is based on bootstrap carousel. I have Seen some disadvantage in bootstrap carousel so it started to develope this ResCarousel. Demo available at","archived":false,"fork":false,"pushed_at":"2023-12-15T08:42:55.000Z","size":686,"stargazers_count":7,"open_issues_count":6,"forks_count":6,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-07-26T21:01:55.206Z","etag":null,"topics":["bootstrap-carousel","flexible-carousel","responsive-carousel","slider"],"latest_commit_sha":null,"homepage":"https://sheikalthaf.github.io/ResCarousel/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sheikalthaf.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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":"2017-02-21T10:53:17.000Z","updated_at":"2019-06-25T08:33:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"b21bc213-abe5-4bd5-83b0-0f251129181e","html_url":"https://github.com/sheikalthaf/ResCarousel","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/sheikalthaf/ResCarousel","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sheikalthaf%2FResCarousel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sheikalthaf%2FResCarousel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sheikalthaf%2FResCarousel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sheikalthaf%2FResCarousel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sheikalthaf","download_url":"https://codeload.github.com/sheikalthaf/ResCarousel/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sheikalthaf%2FResCarousel/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29227745,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-08T09:43:19.170Z","status":"ssl_error","status_checked_at":"2026-02-08T09:42:55.556Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["bootstrap-carousel","flexible-carousel","responsive-carousel","slider"],"created_at":"2024-10-11T08:24:58.561Z","updated_at":"2026-02-08T10:33:13.407Z","avatar_url":"https://github.com/sheikalthaf.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ResCarousel\nThis is Project is based on bootstrap carousel. I have Seen some disadvantage in bootstrap carousel so i started to develope this ResCarousel. \n\nResCarousel Means \"Responsive Carousel\"\n```\n\u003cdiv class=\"resCarousel\" data-items=\"2,4,5,6\" data-slide=\"2\"\u003e\n  \u003cdiv class=\"resCarousel-inner\" \u003e\n      \u003cdiv class=\"item\"\u003e\n        your item content\n      \u003c/div\u003e\n      \u003cdiv class=\"item\"\u003e\n        your item content\n      \u003c/div\u003e\n      ...\n      ...\n      ...\n  \u003c/div\u003e\n  \u003cbutton class='btn btn-default leftRs'\u003e\u003ci class=\"fa fa-fw fa-angle-left\"\u003e\u003c/i\u003e\u003c/button\u003e\n  \u003cbutton class='btn btn-default rightRs'\u003e\u003ci class=\"fa fa-fw fa-angle-right\"\u003e\u003c/i\u003e\u003c/button\u003e\n\u003c/div\u003e\n```\n# data-items\n```\ntype: \"xs-sm-md-lg\"\n```\n(eg. data-items=\"2-4-5-6\")\n\n`data-items` is important one in this carousel which defines the no of item to be viewed in a page.\n\nxs - (In mobile size) How many items to be viewed in mobile view\n\nsm - (In tablet size) How many items to be viewed in tablet view\n\nmd - (In desktop size) How many items to be viewed in desktop view\n\nxs - (In Large Desktop size) How many items to be viewed in  Large Desktop view\n\nadded the looping of the items when it reaches the end\n\n# data-slide\n```\ntype: number\n```\n(eg. data-slide=\"2\")\n\n`data-slide` is important one in this carousel which defines the no of item to be slide in a button click.\n\n# data-interval\n```\ntype: milli seconds\n```\n(eg. data-interval=\"6000\")\n\n`data-interval` is defines the auto sliding of items with value of milli seconds.\n\n# data-speed\n```\ntype:  milli seconds,\ndefault: 300\n```\n(eg. data-speed=\"600\")\n\n`data-speed` is used to control the speed of the moving items\n\n# data-animator\n```\ntype: string\n```\n(eg. data-interval=\"lazy\")\n\n`data-animator` is used to give some animation to sliding items. currently `lazy` animation only available.\n\n# data-load\n```\ntype: number\n```\n(eg. data-interval=\"6\")\n\n`data-load` is used to intimate that the slider is going to touch the end( data-load value ) so that the developer can load( append ) another set of items. for more info go to the header link.\n\n\n# custom CSS\n\n## Banner\n\nif your using this for banner add a `banner` class to rescarousel-inner. so that it will bhehave like a banner.\n\n\n## Tile\n\nfor tile just create a div with class name `tile`. then you will get a tile structure.\n\nHope you guys enjoying the Rescarousel\n\nif you find any bug let me know i will try to solve as much as possible\n\n\u003e # By CreativeTechSoft\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsheikalthaf%2Frescarousel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsheikalthaf%2Frescarousel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsheikalthaf%2Frescarousel/lists"}