{"id":33091183,"url":"https://github.com/chrishumboldt/Rocket-Flicker","last_synced_at":"2025-11-16T14:00:41.615Z","repository":{"id":12926260,"uuid":"15603884","full_name":"chrishumboldt/Rocket-Flicker","owner":"chrishumboldt","description":"A module that lets you flick through content.","archived":true,"fork":false,"pushed_at":"2024-05-27T04:46:26.000Z","size":22811,"stargazers_count":212,"open_issues_count":6,"forks_count":58,"subscribers_count":18,"default_branch":"master","last_synced_at":"2025-10-22T18:21:09.030Z","etag":null,"topics":[],"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/chrishumboldt.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":"2014-01-03T07:22:34.000Z","updated_at":"2024-07-04T02:47:42.000Z","dependencies_parsed_at":"2024-10-02T14:01:19.340Z","dependency_job_id":"143dff6e-882c-4807-aaaa-51a51be2dac5","html_url":"https://github.com/chrishumboldt/Rocket-Flicker","commit_stats":{"total_commits":155,"total_committers":5,"mean_commits":31.0,"dds":0.1225806451612903,"last_synced_commit":"824a1f3976ad9964ab56e4c8adad7cfd48e28123"},"previous_names":["chrishumboldt/flickerplate"],"tags_count":37,"template":false,"template_full_name":null,"purl":"pkg:github/chrishumboldt/Rocket-Flicker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrishumboldt%2FRocket-Flicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrishumboldt%2FRocket-Flicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrishumboldt%2FRocket-Flicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrishumboldt%2FRocket-Flicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chrishumboldt","download_url":"https://codeload.github.com/chrishumboldt/Rocket-Flicker/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrishumboldt%2FRocket-Flicker/sbom","scorecard":{"id":280037,"data":{"date":"2025-08-11","repo":{"name":"github.com/chrishumboldt/Rocket-Flicker","commit":"d1d991f031d4288f4c4b4b909da7298ba4515a6b"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.6,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Maintained","score":0,"reason":"project is archived","details":["Warn: Repository is archived."],"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Code-Review","score":0,"reason":"Found 0/11 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 29 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}}]},"last_synced_at":"2025-08-17T15:31:42.926Z","repository_id":12926260,"created_at":"2025-08-17T15:31:42.926Z","updated_at":"2025-08-17T15:31:42.926Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":284719042,"owners_count":27052182,"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","status":"online","status_checked_at":"2025-11-16T02:00:05.974Z","response_time":65,"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":[],"created_at":"2025-11-14T18:00:23.169Z","updated_at":"2025-11-16T14:00:41.596Z","avatar_url":"https://github.com/chrishumboldt.png","language":"JavaScript","readme":"# NO LONGER SUPPORTED\n\n# Rocket Flicker\nA module that lets you flick through content.\n\n* [Getting Started](#getting-started)\n* [Basic Example](#basic-example)\n* [Initialisation](#initialisation)\n   * [Options](#options)\n   * [Defaults](#defaults)\n* [Advanced Example](#advanced-example)\n* [Make It Touch Enabled](#make-it-touch-enabled)\n* [Rebuilding Files](#rebuilding-files)\n* [Flickerplate Deprecated](#flickerplate-deprecated)\n\n## Getting Started\nInstall via NPM.\n\n```\nnpm install rocket-flicker\n```\n\n**NOTE** that this module has a dependency [Rocket Tools (28kb)](https://github.com/chrishumboldt/Rocket-Tools) which will automatically be installed as well.\n\nStart by including the necessary files.\n\n```html\n\u003chead\u003e\n   \u003clink href=\"node_modules/rocket-flicker/css/flicker.min.css\" rel=\"stylesheet\" type=\"text/css\"\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n   /* Your content goes here */\n   \u003cscript src=\"node_modules/rocket-tools/js/tools.min.js\"\u003e\u003c/script\u003e\n   \u003cscript src=\"node_modules/rocket-flicker/js/flicker.min.js\"\u003e\u003c/script\u003e\n\u003c/body\u003e\n```\n\n## Basic Examplechrishumboldt/Rocket-Form\nSee the setup of the HTML and Javascript call below.\n\n```html\n\u003cdiv class=\"mod-flicker\"\u003e\n   \u003cul\u003e\n      \u003cli data-background=\"image-url.jpg\"\u003e\n         \u003cdiv class=\"mod-flicker-title\"\u003eExample Heading\u003c/div\u003e\n         \u003cdiv class=\"mod-flicker-text\"\u003eSub Text\u003c/div\u003e\n      \u003c/li\u003e\n      \u003cli data-background=\"image-url.jpg\"\u003e\n         \u003cdiv class=\"mod-flicker-title\"\u003eExample Heading\u003c/div\u003e\n         \u003cdiv class=\"mod-flicker-text\"\u003eSub Text\u003c/div\u003e\n      \u003c/li\u003e\n   \u003c/ul\u003e\n\u003c/div\u003e\n\n\u003cscript\u003e\nRocket.flicker();\n\u003c/script\u003e\n```\n\n## Initialisation\nEach initialisation will return an array of module objects (An array will always be returned even if the target is an id). This includes the flicker element itself as well as relevant methods. For example:\n\n```Javascript\nconst flickers = Rocket.flicker();\n\n// The flickers and all methods\nfor (let i = 0, len = flickers.length; i \u003c len; i++) {\n   console.log(flickers[i].flicker);\n   flickers[i].move(3); // Move this flicker to position 3\n   flickers[i].start(); // Start the auto flicker\n   flickers[i].stop(); // Stop the auto flicker\n}\n```\n\nAlternatively if you know the target is unique you can reference the flicker right away with the 0 index. For example:\n\n```javascript\nconst myFlicker = Rocket.flicker({\n   target: '#flicker'\n})[0]; // Reference the first item in the array right away.\n\nmyFlicker.stop();\n```\n\n#### Options\nSee the different options you have available on initialization.\n\nName | Default | Options | Description\n---- | ---- | ---- | ----\n`target` | `.rocket-flicker` | | Set the flicker target elements.\n`animation` | `transformslide` | `transformslide` `transitionfade` `transitionslide` | Choose the animation type you want.\n`arrows` | `true` | `true` `false` | Arrows are used to navigate back and forth between the flicks.\n`arrowsConstraint` | `false` | `true` `false` | When you get to the end of the flicks pressing the next arrow will navigate you to the beginning again should you have a false constraint. The same applies to the previous arrow.\n`autoFlick` | `true` | `true` `false` | Sets the flick to run automatically. A manual flick resets the delay.\n`autoFlickDelay` | `10` | | Set the delay (in seconds) between each auto flick.\n`dotAlignment` | `center` | `center` `left` `right` | Set the horizontal alignment of the dot navigation.\n`dots` | `true` | `true` `false` | Dot navigation is used to indicate and navigate between the flicks.\n`pauseOnHover` | `false` | `true` `false` | Pause / Stop the `autoFlick` on hover. Restart it again when the mouse leaves.\n`position` | `1` | | Set the starting flick.\n\n#### Defaults\nYou can also overwrite the module options globally by altering the defaults. To do so reference the defaults object property. For example:\n\n```javascript\nRocket.defaults.flicker.autoFlickDelay = 20;\nRocket.defaults.flicker.dots = false;\n```\n\n## Advanced Example\nSee an advanced example below with options as per the above.\n\n```javascript\nconst myFlicker = Rocket.flicker({\n   target: '.flicker-example',\n   animation: 'transitionfade',\n   autoFlick: false,\n   dotAlignment: 'right'\n});\n```\n\n## Make It Touch Enabled\nTo make your flicker touch enabled, just included the Hammer library (Rocket Flicker comes with a copy). For example:\n\n```html\n\u003cbody\u003e\n   /* Your content goes here */\n   \u003cscript src=\"node_modules/rocket-flicker/js/hammer-v2.0.3.min.js\"\u003e\u003c/script\u003e\n   \u003cscript src=\"node_modules/rocket-tools/js/tools.min.js\"\u003e\u003c/script\u003e\n   \u003cscript src=\"node_modules/rocket-flicker/js/flicker.min.js\"\u003e\u003c/script\u003e\n\u003c/body\u003e\n```\n\n## Rebuilding Files\nIn order to rebuild production files you will first need to install the [Rocket Command Line Tool](https://github.com/chrishumboldt/Rocket-Command). To do so run the following npm command in your terminal. **NOTE** that this package is installed globally and can take a while as it has quite a few dependencies.\n\n```\nnpm install rocket-command -g\n```\n\nOnce installed navigate to the Rocket Flicker root and run the following command:\n\n```\nrocket build\n```\n\nThe relevant minified CSS and JS will now be rebuilt.\n\n## Flickerplate Deprecated\nThe original library, Flickerplate, has been deprecated. The entire Webplate project is being refactored and rebranded with a new development philosophy. Flickerplate will be maintained only with bug fixes under the **flickerplate** branch.\n\n## Author\nCreated and maintained by Chris Humboldt\u003cbr\u003e\nWebsite: \u003ca href=\"http://chrishumboldt.com/\"\u003echrishumboldt.com\u003c/a\u003e\u003cbr\u003e\nGitHub \u003ca href=\"https://github.com/chrishumboldt\"\u003egithub.com/chrishumboldt\u003c/a\u003e\u003cbr\u003e\n\n## Contributors\n\u003ca href=\"https://github.com/dsuket\"\u003edsuket\u003c/a\u003e\n\n## Copyright and License\nCopyright 2018 Rocket Project\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n","funding_links":[],"categories":["13. 页面交互"],"sub_categories":["13.4 图片轮播(幻灯片)/图片展示  ###","13.4 图片轮播(幻灯片)/图片展示"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrishumboldt%2FRocket-Flicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchrishumboldt%2FRocket-Flicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrishumboldt%2FRocket-Flicker/lists"}