{"id":13404213,"url":"https://github.com/metafizzy/flickity","last_synced_at":"2025-05-12T13:33:10.409Z","repository":{"id":24649489,"uuid":"28059374","full_name":"metafizzy/flickity","owner":"metafizzy","description":":leaves: Touch, responsive, flickable carousels","archived":false,"fork":false,"pushed_at":"2024-05-29T18:19:44.000Z","size":1719,"stargazers_count":7585,"open_issues_count":124,"forks_count":603,"subscribers_count":126,"default_branch":"master","last_synced_at":"2025-05-10T00:30:55.703Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://flickity.metafizzy.co","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/metafizzy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/contributing.md","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":"2014-12-15T22:30:57.000Z","updated_at":"2025-05-07T15:37:31.000Z","dependencies_parsed_at":"2023-02-10T20:01:31.569Z","dependency_job_id":"af2ddc18-d7f1-40a3-8e67-3a9ca4cb6912","html_url":"https://github.com/metafizzy/flickity","commit_stats":{"total_commits":556,"total_committers":18,"mean_commits":30.88888888888889,"dds":0.04136690647482011,"last_synced_commit":"a64cc33052150417bb84c724b937097308519d6e"},"previous_names":[],"tags_count":34,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/metafizzy%2Fflickity","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/metafizzy%2Fflickity/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/metafizzy%2Fflickity/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/metafizzy%2Fflickity/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/metafizzy","download_url":"https://codeload.github.com/metafizzy/flickity/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253514630,"owners_count":21920337,"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-07-30T19:01:40.794Z","updated_at":"2025-05-12T13:33:10.315Z","avatar_url":"https://github.com/metafizzy.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Plugins","Sliders","Sliders [🔝](#readme)","UI","幻灯片","Uncategorized"],"sub_categories":["Libraries","Runner","运行器","Uncategorized","运行器e2e测试"],"readme":"# Flickity\n\n_Touch, responsive, flickable carousels_\n\nSee [flickity.metafizzy.co](https://flickity.metafizzy.co) for complete docs and demos.\n\n## Install\n\n### Download\n\n+ CSS:\n  - [flickity.min.css](https://unpkg.com/flickity@2/dist/flickity.min.css) minified, or\n  - [flickity.css](https://unpkg.com/flickity@2/dist/flickity.css) un-minified\n+ JavaScript:\n  - [flickity.pkgd.min.js](https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js) minified, or\n  - [flickity.pkgd.js](https://unpkg.com/flickity@2/dist/flickity.pkgd.js) un-minified\n\n### CDN\n\nLink directly to Flickity files on [unpkg](https://unpkg.com).\n\n``` html\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/flickity@2/dist/flickity.min.css\"\u003e\n```\n\n``` html\n\u003cscript src=\"https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js\"\u003e\u003c/script\u003e\n```\n\n### Package managers\n\nBower: `bower install flickity --save`\n\nnpm: `npm install flickity --save`\n\n## License\n\n### Commercial license\n\nIf you want to use Flickity to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. Purchase a Flickity Commercial License at [flickity.metafizzy.co](https://flickity.metafizzy.co/#commercial-license)\n\n### Open source license\n\nIf you are creating an open source application under a license compatible with the [GNU GPL license v3](https://www.gnu.org/licenses/gpl-3.0.html), you may use Flickity under the terms of the GPLv3.\n\n[Read more about Flickity's license](https://flickity.metafizzy.co/license.html).\n\n## Usage\n\nFlickity works with a container element and a set of child cell elements\n\n``` html\n\u003cdiv class=\"carousel\"\u003e\n  \u003cdiv class=\"carousel-cell\"\u003e...\u003c/div\u003e\n  \u003cdiv class=\"carousel-cell\"\u003e...\u003c/div\u003e\n  \u003cdiv class=\"carousel-cell\"\u003e...\u003c/div\u003e\n  ...\n\u003c/div\u003e\n```\n\n### Options\n\n``` js\nvar flky = new Flickity( '.gallery', {\n  // options, defaults listed\n\n  accessibility: true,\n  // enable keyboard navigation, pressing left \u0026 right keys\n\n  adaptiveHeight: false,\n  // set carousel height to the selected slide\n\n  autoPlay: false,\n  // advances to the next cell\n  // if true, default is 3 seconds\n  // or set time between advances in milliseconds\n  // i.e. `autoPlay: 1000` will advance every 1 second\n\n  cellAlign: 'center',\n  // alignment of cells, 'center', 'left', or 'right'\n  // or a decimal 0-1, 0 is beginning (left) of container, 1 is end (right)\n\n  cellSelector: undefined,\n  // specify selector for cell elements\n\n  contain: false,\n  // will contain cells to container\n  // so no excess scroll at beginning or end\n  // has no effect if wrapAround is enabled\n\n  draggable: '\u003e1',\n  // enables dragging \u0026 flicking\n  // if at least 2 cells\n\n  dragThreshold: 3,\n  // number of pixels a user must scroll horizontally to start dragging\n  // increase to allow more room for vertical scroll for touch devices\n\n  freeScroll: false,\n  // enables content to be freely scrolled and flicked\n  // without aligning cells\n\n  friction: 0.2,\n  // smaller number = easier to flick farther\n\n  groupCells: false,\n  // group cells together in slides\n\n  initialIndex: 0,\n  // zero-based index of the initial selected cell\n\n  lazyLoad: true,\n  // enable lazy-loading images\n  // set img data-flickity-lazyload=\"src.jpg\"\n  // set to number to load images adjacent cells\n\n  percentPosition: true,\n  // sets positioning in percent values, rather than pixels\n  // Enable if items have percent widths\n  // Disable if items have pixel widths, like images\n\n  prevNextButtons: true,\n  // creates and enables buttons to click to previous \u0026 next cells\n\n  pageDots: true,\n  // create and enable page dots\n\n  resize: true,\n  // listens to window resize events to adjust size \u0026 positions\n\n  rightToLeft: false,\n  // enables right-to-left layout\n\n  setGallerySize: true,\n  // sets the height of gallery\n  // disable if gallery already has height set with CSS\n\n  watchCSS: false,\n  // watches the content of :after of the element\n  // activates if #element:after { content: 'flickity' }\n\n  wrapAround: false\n  // at end of cells, wraps-around to first for infinite scrolling\n\n});\n```\n\n---\n\nBy [Metafizzy 🌈🐻](https://metafizzy.co)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmetafizzy%2Fflickity","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmetafizzy%2Fflickity","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmetafizzy%2Fflickity/lists"}