{"id":20393163,"url":"https://github.com/aichbauer/bg_img_fader","last_synced_at":"2026-06-10T14:31:27.982Z","repository":{"id":82477349,"uuid":"44459217","full_name":"aichbauer/bg_img_fader","owner":"aichbauer","description":"A simple backgorund image fader created with JQuery, ready to use in every project.","archived":false,"fork":false,"pushed_at":"2015-11-14T16:27:46.000Z","size":160,"stargazers_count":1,"open_issues_count":0,"forks_count":4,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-04T20:40:51.327Z","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":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aichbauer.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}},"created_at":"2015-10-18T00:01:45.000Z","updated_at":"2019-09-18T00:26:05.000Z","dependencies_parsed_at":"2023-03-12T16:04:23.831Z","dependency_job_id":null,"html_url":"https://github.com/aichbauer/bg_img_fader","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aichbauer/bg_img_fader","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aichbauer%2Fbg_img_fader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aichbauer%2Fbg_img_fader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aichbauer%2Fbg_img_fader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aichbauer%2Fbg_img_fader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aichbauer","download_url":"https://codeload.github.com/aichbauer/bg_img_fader/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aichbauer%2Fbg_img_fader/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34157453,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-10T02:00:07.152Z","response_time":89,"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":"2024-11-15T03:47:43.955Z","updated_at":"2026-06-10T14:31:27.962Z","avatar_url":"https://github.com/aichbauer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# bg_img_fader\n\nA simple backgorund image fader created with JQuery, ready to use in every project.\n\nAUTHOR: AICHBAUER LUKAS\n\nemail: rudolfson.junior@gmail.com\n\n***\n\n### Adding the css and js\n\nImport this two files into your html head tag like  \n\n    \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"http://localhost/tuts/bg_img_fader/css/bg_img_fader.css\" /\u003e  \n    \u003cscript type=\"text/javascript\" src=\"http://localhost/tuts/bg_img_fader/js/bg_img_fader.js\"\u003e\u003c/script\u003e\n    \nYou need to get Jquery and import it right in front of every other javascript file.\n\n***\n\n### Adding pictures to the fader\n\nSimply write your path to your picture inside of the images array in the bg_img_fader.js. \n\nFeel free to write as many paths as you want. For example...  \n\n    var images = [\"img/bg1.jpg\",\"img/bg2.jpg\",\"img/bg3.jpg\",\"img/bg4.jpg\"];\n    \nIt is recommended to use absolute paths!\n\n***\n\n### Adding the fader to your html site\n\ncreate a div tag with a class called \"fader\" like  \n\n    \u003cdiv class=\"fader\"\u003e\u003c/div\u003e\n    \n***\n\nCongratulation now you have created your first background fader.\n\nif you want to change the duration of the fades simply change this three numbers\n\n(inside of this snippet they are called \"CHANGE ME\", \"CHANGE ME1\" is by default 500, and \"CHANGE ME2\" is by default 5000). \n\nThis numbers represent miliseconds, so one second is equal to 1000 milisecond.\n\n      setInterval(function(){  \n        image.fadeOut(CHANGE ME1, function(){\n          image.css(\"background-image\",\"url(\"+images[count++]+\")\");\n          image.fadeIn(CHANGE ME1);\n        });\n        if(count == images.length)\n        {\n          count = 0;\n        }\n      },CHANGE ME2);`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faichbauer%2Fbg_img_fader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faichbauer%2Fbg_img_fader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faichbauer%2Fbg_img_fader/lists"}