{"id":20972378,"url":"https://github.com/michaelchadwick/jquery-news-list","last_synced_at":"2025-05-14T11:34:08.112Z","repository":{"id":18451686,"uuid":"21644886","full_name":"michaelchadwick/jquery-news-list","owner":"michaelchadwick","description":"jQuery plugin that transforms an HTML list into an auto-cycling slideshow","archived":true,"fork":false,"pushed_at":"2022-07-05T20:36:12.000Z","size":15,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-13T03:04:30.135Z","etag":null,"topics":["cycle","javascript","jquery","news","plugin"],"latest_commit_sha":null,"homepage":"","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/michaelchadwick.png","metadata":{"files":{"readme":"README.textile","changelog":null,"contributing":null,"funding":null,"license":"MIT-LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-07-09T08:28:29.000Z","updated_at":"2023-07-30T00:04:58.000Z","dependencies_parsed_at":"2022-09-24T09:32:50.461Z","dependency_job_id":null,"html_url":"https://github.com/michaelchadwick/jquery-news-list","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelchadwick%2Fjquery-news-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelchadwick%2Fjquery-news-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelchadwick%2Fjquery-news-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelchadwick%2Fjquery-news-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/michaelchadwick","download_url":"https://codeload.github.com/michaelchadwick/jquery-news-list/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254131983,"owners_count":22020058,"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":["cycle","javascript","jquery","news","plugin"],"created_at":"2024-11-19T04:07:55.010Z","updated_at":"2025-05-14T11:34:07.812Z","avatar_url":"https://github.com/michaelchadwick.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"h1. News List\n\n*News List* is a jQuery plugin that transforms a simple HTML group of news items into an auto-cycling slideshow that can also be manipulated manually to show an individual item.\n\nh2. Usage\n\nFirst, include the jQuery library, @jquery.newslist.js@, @newslist.css@ in your @\u003chead\u003e@ tag:\n\n\u003cpre\u003e\u003ccode\u003e\u003clink type=\"text/css\" href=\"/css/newslist.css\" rel=\"stylesheet\" media=\"screen\"/\u003e\n\u003cscript type=\"text/javascript\" src=\"/js/jquery.newslist.js\"\u003e\u003c/script\u003e\u003c/code\u003e\u003c/pre\u003e\n\nThen create a simple HTML structure like so:\n\n\u003cpre\u003e\u003ccode\u003e\u003cdiv id=\"newslist\"\u003e\n  \u003cdiv class=\"items\"\u003e\n    \u003cdiv class=\"item\"\u003eNews item #1.\u003c/div\u003e\n    \u003cdiv class=\"item\"\u003eNews item #2.\u003c/div\u003e\n    \u003cdiv class=\"item\"\u003eNews item #3.\u003c/div\u003e\n    \u003cdiv class=\"item\"\u003eNews item #4.\u003c/div\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"controls\"\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\nFinish by calling the newslist function on the outermost element:\n\n\u003cpre\u003e\u003ccode\u003e\u003cscript type=\"text/javascript\"\u003e\n  $(\"#newslist\").newslist();\n\u003c/script\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\nAnd huzzah, the magic is done.\n\nh2. Options\n\n* *itemsDiv*: the div containing the news items. Defaults to \".items\".\n* *item*: the class for the div containing an individual news item. Defaults to \".item\".\n* *controlsDiv*: the div where the control links for each news item will be created. Defaults to \".controls\".\n* *cycler*: is the auto-cycling of news items on? Defaults to \"true\".\n* *hoverClass*: class for links that are active/on. Defaults to \"on\".\n* *cycleSpeed*: how fast, in milliseconds, the news items should cycle. Defaults to \"10000\".\n* *fadeSpeed*: how fast, in milliseconds, each new news item should fade in. Defaults to \"1000\".\n* *maxLoops*: how many times all of the news items should loop. If null, will loop indefinitely. Defaults to \"null\".\n* *leadZero*: should control links have a leading zero for numbers 1-9? Defaults to \"false\".","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelchadwick%2Fjquery-news-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmichaelchadwick%2Fjquery-news-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelchadwick%2Fjquery-news-list/lists"}