{"id":13426852,"url":"https://github.com/defunkt/facebox","last_synced_at":"2025-04-14T03:58:43.254Z","repository":{"id":65409752,"uuid":"425","full_name":"defunkt/facebox","owner":"defunkt","description":"Facebook-style lightbox, built in jQuery","archived":false,"fork":false,"pushed_at":"2024-02-22T17:44:06.000Z","size":1174,"stargazers_count":1921,"open_issues_count":27,"forks_count":383,"subscribers_count":68,"default_branch":"master","last_synced_at":"2025-04-06T22:05:25.456Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://defunkt.io/facebox/","language":"JavaScript","has_issues":false,"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/defunkt.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2008-02-11T22:49:27.000Z","updated_at":"2025-04-03T15:09:37.000Z","dependencies_parsed_at":"2024-06-18T20:11:12.950Z","dependency_job_id":null,"html_url":"https://github.com/defunkt/facebox","commit_stats":{"total_commits":81,"total_committers":26,"mean_commits":"3.1153846153846154","dds":0.617283950617284,"last_synced_commit":"e601c4e5e9c78ac37621d2892a1da29d1462c8dc"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/defunkt%2Ffacebox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/defunkt%2Ffacebox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/defunkt%2Ffacebox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/defunkt%2Ffacebox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/defunkt","download_url":"https://codeload.github.com/defunkt/facebox/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248819379,"owners_count":21166477,"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-07-31T00:01:46.665Z","updated_at":"2025-04-14T03:58:43.235Z","avatar_url":"https://github.com/defunkt.png","language":"JavaScript","readme":"# Facebox\n\nFacebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.\n\n[See it in action](http://defunkt.github.com/facebox/).\n\n![Sample Image](http://share.kyleneath.com/captures/Facebox_1.2-20100417-190352.jpg)\n\n[Download the latest release](http://github.com/defunkt/facebox/zipball/master)\n\n## Compatibility\n\nThis release relies on a lot of advanced CSS techniques (box-shadow, border-radius, RGBA). That being said, it's compatible with many browsers.\n\n* **Safari 4**\n* **Webkit Nightlies** (Chromium, Chrome) as of 4/17/10\n* **Firefox 3.5**\n* **IE8** (degraded experience)\n* **IE7** (degraded experience)\n* IE6 - I just don't care\n* Opera - I just don't care\n\n## Usage\n\nInclude jQuery, `src/facebox.js` and `src/facebox.css`. Then tell facebox where you've put `src/loading.gif` and `src/closelabel.png`\n\n    $.facebox.settings.closeImage = '/images/facebox/closelabel.png'\n    $.facebox.settings.loadingImage = '/images/facebox/loading.gif'\n\nCalling facebox() on any anchor tag will do the trick, it's easier to give your Faceboxy links a rel=\"facebox\"  and hit them all onDomReady.\n\n    jQuery(document).ready(function($) {\n      $('a[rel*=facebox]').facebox()\n    })\n\nAny anchor links with `rel=\"facebox\"` with now automatically use facebox:\n\n    \u003ca href=\"#terms\" rel=\"facebox\"\u003eTerms\u003c/a\u003e\n      Loads the #terms div in the box\n\n    \u003ca href=\"terms.html\" rel=\"facebox\"\u003eTerms\u003c/a\u003e\n      Loads the terms.html page in the box\n\n    \u003ca href=\"terms.png\" rel=\"facebox\"\u003eTerms\u003c/a\u003e\n      Loads the terms.png image in the box\n\n\n### Using facebox programmatically\n\n    jQuery.facebox('some html')\n    jQuery.facebox('some html', 'my-groovy-style')\n\nThe above will open a facebox with \"some html\" as the content.\n\n    jQuery.facebox(function($) {\n      $.get('blah.html', function(data) { $.facebox(data) })\n    })\n\nThe above will show a loading screen before the passed function is called,\nallowing for a better ajaxy experience.\n\nThe facebox function can also display an ajax page, an image, or the contents of a div:\n\n    jQuery.facebox({ ajax: 'remote.html' })\n    jQuery.facebox({ ajax: 'remote.html' }, 'my-groovy-style')\n    jQuery.facebox({ image: 'stairs.jpg' })\n    jQuery.facebox({ image: 'stairs.jpg' }, 'my-groovy-style')\n    jQuery.facebox({ div: '#box' })\n    jQuery.facebox({ div: '#box' }, 'my-groovy-style')\n\n### Events\n\nWant to close the facebox?  Trigger the `close.facebox` document event:\n\n    jQuery(document).trigger('close.facebox')\n\nFacebox also has a bunch of other hooks:\n\n* `loading.facebox`\n* `beforeReveal.facebox`\n* `reveal.facebox` (aliased as `afterReveal.facebox`)\n* `init.facebox`\n* `afterClose.facebox`  (callback after closing `facebox`)\n\nSimply bind a function to any of these hooks:\n\n    $(document).bind('reveal.facebox', function() { ...stuff to do after the facebox and contents are revealed... })\n\n### Customization\n\nYou can give the facebox container an extra class (to fine-tune the display of the facebox) with the facebox[.class] rel syntax.\n\n    \u003ca href=\"remote.html\" rel=\"facebox[.bolder]\"\u003etext\u003c/a\u003e\n\n## Contact \u0026 Help\n\nIf you have questions, feel free to ask on the [Google Groups Mailing List](http://groups.google.com/group/facebox/). Alternatively if you find a bug, you can [open an issue](http://github.com/defunkt/facebox/issues).\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdefunkt%2Ffacebox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdefunkt%2Ffacebox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdefunkt%2Ffacebox/lists"}