{"id":15388850,"url":"https://github.com/vjai/hollywood","last_synced_at":"2025-03-27T23:17:54.291Z","repository":{"id":149656784,"uuid":"59354806","full_name":"VJAI/Hollywood","owner":"VJAI","description":"An awesome page background image rotator","archived":false,"fork":false,"pushed_at":"2019-02-09T07:35:40.000Z","size":10006,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-02-02T01:24:19.550Z","etag":null,"topics":["carousel","javascript"],"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/VJAI.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":"2016-05-21T10:44:09.000Z","updated_at":"2019-02-09T07:35:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"6f271ca0-c2fe-486f-8daf-365143c518bf","html_url":"https://github.com/VJAI/Hollywood","commit_stats":{"total_commits":52,"total_committers":3,"mean_commits":"17.333333333333332","dds":"0.34615384615384615","last_synced_commit":"b249b9313eb4ab6db933f096ead49b7b0615e45f"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VJAI%2FHollywood","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VJAI%2FHollywood/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VJAI%2FHollywood/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VJAI%2FHollywood/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VJAI","download_url":"https://codeload.github.com/VJAI/Hollywood/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245938228,"owners_count":20697008,"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":["carousel","javascript"],"created_at":"2024-10-01T14:58:25.664Z","updated_at":"2025-03-27T23:17:54.269Z","avatar_url":"https://github.com/VJAI.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hollywood\n\nIsn't it boring to always stare at the same background image of a website? Well, \"Hollywood\" is here to get rid of that boredom! It's a simple stand-alone library that periodically changes the background image of a website with a cool animation. It also can play a nice audio in the background to immerse the user into your website!\n\n[Please check the DEMO](http://prideparrot.com/demos/hollywood/index.html)!\n\n## Installation\n\nHollywood is not yet available in npm repository or bower, but you can install it through npm command by passing the git url as below,\n\n```\nnpm install https://github.com/VJAI/Hollywood.git --save\n```\n\nor you can copy the files directly from the `dist` folder and include in your project.\n\n## Usage\n\nYou can trigger the show by simply calling the `Hollywood` function passing an array of URLs of images and an audio optionally.\n\n```javascript\nHollywood({ images: ['bg1.jpg', 'bg2.jpg', 'bg3.jpg', 'bg4.jpg', 'bg5.jpg'], audio: 'audio.mp3' });\n```\n\nNote, you don't have to worry about pre-loading the images and audio, Hollywood does itself. The `Hollywood` function returns a promise which is resolved once the resources are pre-loaded. It'll display a small loading icon at the bottom right while the resources are getting loaded. \n\n## Options\n\n`images` - Array of image urls.\n\n`audio` - Audio url.\n\n`loading` - Boolean that specified whether to display the loading icon or not. As default it's `true`. If you want to display your own loading icon then you've to pass this option as `false` and you can resolve the promise returned by the `Hollywood` function to hide your loading icon.\n\n`stay` - The duration of the stay of an image. The default value is 10 seconds.\n\n`transit` - The transition duration between images. The default value is 3 seconds.\n\n`volume` - The volume of the sound (0.0 - 1.0). The default value is 1.0.\n\n`glow` - The max opacity of the image. The default value is 0.5.\n\n## Methods\n\n`Hollywood.mute()` - Mute/un-mute the audio.\n\n`Hollywood.volume(volume)` - Change volume (0.0 - 1.0).\n\n`Hollywood.destroy()` - To destroy it.\n\n## Supported Browsers\n\n* Chrome\n* Firefox\n* Safari\n* Edge\n* IE11 and IE10\n\n## Other Considerations\n\nHollywood uses fixed positioning and positioned at z-index of 1. You can flow your website content over it by wrapping the complete content in a container and setting it's position as `relative` and z-index to 2 or greater.\n\n```html\n.body-container {\n  position: relative;\n  z-index: 2;\n}\n```\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvjai%2Fhollywood","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvjai%2Fhollywood","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvjai%2Fhollywood/lists"}