{"id":16592314,"url":"https://github.com/quantizor/angular-backgroundsizer","last_synced_at":"2026-03-10T05:33:45.477Z","repository":{"id":15273149,"uuid":"18002479","full_name":"quantizor/angular-backgroundSizer","owner":"quantizor","description":"💗 angular 1 directive to automatically apply background sizing once an image is loaded","archived":false,"fork":false,"pushed_at":"2014-11-22T01:47:51.000Z","size":192,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-06T15:51:32.432Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"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/quantizor.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-03-22T05:00:49.000Z","updated_at":"2016-12-15T20:27:43.000Z","dependencies_parsed_at":"2022-07-31T02:38:19.916Z","dependency_job_id":null,"html_url":"https://github.com/quantizor/angular-backgroundSizer","commit_stats":null,"previous_names":["quantizor/angular-backgroundsizer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/quantizor/angular-backgroundSizer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quantizor%2Fangular-backgroundSizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quantizor%2Fangular-backgroundSizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quantizor%2Fangular-backgroundSizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quantizor%2Fangular-backgroundSizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/quantizor","download_url":"https://codeload.github.com/quantizor/angular-backgroundSizer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quantizor%2Fangular-backgroundSizer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30326140,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-10T05:25:20.737Z","status":"ssl_error","status_checked_at":"2026-03-10T05:25:17.430Z","response_time":106,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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-10-11T23:20:27.257Z","updated_at":"2026-03-10T05:33:45.433Z","avatar_url":"https://github.com/quantizor.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"angular-backgroundSizer\n=======================\n\nA directive to automatically apply background sizing once an image is loaded. Useful for dynamic images\nwithout predefined aspect ratios.\n\nIt will discreetly load the image into the DOM (invisible and absolute, so it doesn't jump the page),\ntake height measurements and then apply background-size 'contain', 'cover' or nothing. It also listens\nto the window 'resize' event and appropriately adjusts the background-size if needed.\n\nLoad it into your AngularJS app by including it in your module's dependency array like so:\n````javascript\nvar app = angular.module('myModule', ['backgroundSizer']);\n````\n\nThen use it like this:\n````html\n\u003cfigure ng-style=\"{ 'background-image': 'url(' + image.url + ')' }\"\n        background-sizer=\"{{ image.url }}\"\u003e\u003c/figure\u003e\n````\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquantizor%2Fangular-backgroundsizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquantizor%2Fangular-backgroundsizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquantizor%2Fangular-backgroundsizer/lists"}