{"id":21623485,"url":"https://github.com/dylanfoster/sliders.js","last_synced_at":"2026-01-06T11:13:13.197Z","repository":{"id":15296779,"uuid":"18026485","full_name":"dylanfoster/sliders.js","owner":"dylanfoster","description":"sliders.js is a tiny jQuery slideshow plugin. ","archived":false,"fork":false,"pushed_at":"2016-09-02T21:39:19.000Z","size":49,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2023-09-19T22:29:06.516Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dylanfoster.png","metadata":{"files":{"readme":"README.md","changelog":"History.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-03-23T04:31:34.000Z","updated_at":"2016-09-02T21:37:16.000Z","dependencies_parsed_at":"2022-07-31T04:17:57.171Z","dependency_job_id":null,"html_url":"https://github.com/dylanfoster/sliders.js","commit_stats":null,"previous_names":["dylan947/sliders.js"],"tags_count":15,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dylanfoster%2Fsliders.js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dylanfoster%2Fsliders.js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dylanfoster%2Fsliders.js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dylanfoster%2Fsliders.js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dylanfoster","download_url":"https://codeload.github.com/dylanfoster/sliders.js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226248333,"owners_count":17595160,"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":[],"created_at":"2024-11-25T00:13:07.966Z","updated_at":"2026-01-06T11:13:13.170Z","avatar_url":"https://github.com/dylanfoster.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"sliders.js\n==========\n\nsliders.js is a tiny jQuery slideshow plugin.\n\n##1. Setup\n\nInclude the latest jQuery Library as well as sliders.js just before your closing body tag\n\n```html\n\u003cscript src=\"http://code.jquery.com/jquery-1.10.2.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"/js/sliders.min.js\"\u003e\u003c/script\u003e\n\u003clink rel=\"stylesheet\" href=\"/css/sliders.min.css\"\u003e\n```\n\n##2. HTML Markup\n*note: the .page, .pager and data-target values are important\n```html\n\u003cdiv class=\"=sliders\"\u003e \u003c!--this is the default class in sliders.css--\u003e\n  \u003cfigure class=\"slides\"\u003e\n   \u003cimg src='/img/sliders.png' /\u003e\n  \u003cfigcaption\u003e \u003c!--optional--\u003e\n   Your captions\n  \u003c/figcaption\u003e\n  \u003c/figure\u003e\n  \u003cdiv class=\"page\" id=\"arrow_right\" data-target=\"next\"\u003e\u003c/div\u003e \u003c!--uses data-target to move through slides--\u003e\n  \u003cdiv class=\"page\" id=\"arrow_left\" data-target=\"prev\"\u003e\u003c/div\u003e\n  \u003cul class=\"pager\"\u003e\u003c/ul\u003e \u003c!--optional but necessary for pager bullets--\u003e\n\n\u003c/div\u003e\n```\n##3. CSS\n```css\n.sliders {\nposition: relative;\nfloat: left;\nwidth: 100%;\nheight: 400px;\n}\n\n.sliders \u003e figure {\nposition: absolute;\nopacity: 0;\nwidth: 100%;\ntop: 0;\nleft: 0;\nright: 0;\nbottom: 0;\nheight: 100%;\n}\n\n.sliders \u003e figure img {\nwidth: 100%;\nheight: 100%;\nz-index: 1;\n}\n```\n\n##4. Usage\nStart the show....\n\n```javascript\n$(\".sliders\").sliders();\n```\nor with options:\n```javascript\n$('.slideshow').sliders({\n  \"auto\" : false,             //default false, auto start\n  \"speed\" : 500,              //speed of the transition (default 500)\n  \"timeout\" : 7000,           //time between slides (default 7000)\n  \"bullets\" : false,          //pager bullets (default false)\n  \"animate\": false,           //animates the slide, use in conjuction with direction\n  \"direction\": \"left\"         //direction of the slide animation (must set this when using animate:true)\n  easing: 'jswing'            //option easing functions (ease In only, see http://easings.net/ for your options)\n});\n```\n\n##5. Demo\nFor a more in depth view, see the example\nhttp://www.dylan-foster.com/sliders\n\n##Credits\n[jQuery](http://api.jquery.com/)\u003cbr\u003e\n\n##Contact\nCopyright (C) 2014 Dylan foster\u003cbr\u003e\n[Fostered Development](http://www.dylan-foster.com)\u003cbr\u003e\n[Github](https://github.com/dylan947/)\u003cbr\u003e\n[@dylfos](http://twitter.com/dylfos)\u003cbr\u003e\n[+Fostered Development](https://plus.google.com/b/103850011544407258916/103850011544407258916/about)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdylanfoster%2Fsliders.js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdylanfoster%2Fsliders.js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdylanfoster%2Fsliders.js/lists"}