{"id":14482753,"url":"https://github.com/redoPop/loupe","last_synced_at":"2025-08-30T03:32:06.759Z","repository":{"id":755294,"uuid":"412369","full_name":"redoPop/loupe","owner":"redoPop","description":"A lightweight image magnifier for modern browsers.","archived":false,"fork":false,"pushed_at":"2021-05-15T22:37:49.000Z","size":43,"stargazers_count":192,"open_issues_count":2,"forks_count":57,"subscribers_count":9,"default_branch":"main","last_synced_at":"2024-09-04T00:04:10.196Z","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":"isc","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/redoPop.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":"2009-12-10T03:28:55.000Z","updated_at":"2023-12-26T18:18:19.000Z","dependencies_parsed_at":"2022-08-16T10:45:30.904Z","dependency_job_id":null,"html_url":"https://github.com/redoPop/loupe","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redoPop%2Floupe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redoPop%2Floupe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redoPop%2Floupe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redoPop%2Floupe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/redoPop","download_url":"https://codeload.github.com/redoPop/loupe/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":231438919,"owners_count":18376823,"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":[],"created_at":"2024-09-03T00:01:16.148Z","updated_at":"2024-12-27T04:30:27.548Z","avatar_url":"https://github.com/redoPop.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Loupe\n\nLoupe is a lightweight, hackable [pointer-based](#touch-screen-support) image magnifier for [modern browsers](#browser-compatibility).\n\n## Installation\n\nLoupe is available as a Bower package:\n\n```\nbower install loupe\n```\n\n## Basic use\n\nAdd `loupe.js` and some accompanying CSS (modeled on `loupe.css`) to your page.\n\n`Loupe` is a constructor function, and should be called with an element as its only parameter. That element can be a link to a larger version of the image:\n\n```html\n\u003ca id=\"demo-1\" href=\"big.jpg\"\u003e\n  \u003cimg src=\"small.jpg\" /\u003e\n\u003c/a\u003e\n\n\u003cscript\u003e\n  new Loupe(document.getElementById('demo-1'));\n\u003c/script\u003e\n```\n\n…or it can be the image itself, in which case a magnified version of the same image source will be displayed in the loupe:\n\n```html\n\u003cimg id=\"demo-2\" src=\"big.jpg\" /\u003e\n\n\u003cscript\u003e\n  new Loupe(document.getElementById('demo-2'));\n\u003c/script\u003e\n```\n\n(Obviously you wouldn't actually use inline JS for this! These examples are just to demonstrate loupe construction!)\n\n## Browser compatibility\n\nLoupe is designed with progressive enhancement in mind, and will simply not show up in environments that don't support it. It's been tested and works in the following clients:\n\n* MSIE 11+ (will _not_ work in IE 8, 9, or 10)\n* Desktop Safari 7 (minus the scrollwheel zoom feature)\n* Firefox 28\n* Chrome 36\n\n### Touch screen support\n\nImage magnifiers work well with mice and trackpads, but there are better options for touch screens. Loupe purposely avoids activating itself on touch screens.\n\n## Q\u0026A\n\n#### Wasn't this a jQuery plugin?\n\nIt was! The jQuery version is still supported [in 1.x releases](https://github.com/redoPop/loupe/releases), but no new features, API changes, or configuration options will be added to it in this repo.\n\nThere are several forks of the jQuery version with new features and customization options, so if that's a thing you're interested in then please do mosey on over to [the list of forks](https://github.com/redoPop/loupe/network) and see if there's an active fork offering what you want.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FredoPop%2Floupe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FredoPop%2Floupe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FredoPop%2Floupe/lists"}