{"id":17300453,"url":"https://github.com/atomantic/jquery.imgexplosion","last_synced_at":"2025-04-14T12:32:04.715Z","repository":{"id":1358629,"uuid":"1306955","full_name":"atomantic/jquery.imgExplosion","owner":"atomantic","description":"💥Firework explosion of an image, optionally rotating into the screen in variable sizes and exploding at the end. w00t.","archived":false,"fork":false,"pushed_at":"2013-07-02T22:46:23.000Z","size":255,"stargazers_count":13,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-28T01:49:54.682Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://atomantic.github.com/jquery.imgExplosion","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/atomantic.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":"2011-01-29T19:40:38.000Z","updated_at":"2021-06-19T13:17:01.000Z","dependencies_parsed_at":"2022-07-29T10:39:44.499Z","dependency_job_id":null,"html_url":"https://github.com/atomantic/jquery.imgExplosion","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomantic%2Fjquery.imgExplosion","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomantic%2Fjquery.imgExplosion/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomantic%2Fjquery.imgExplosion/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomantic%2Fjquery.imgExplosion/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atomantic","download_url":"https://codeload.github.com/atomantic/jquery.imgExplosion/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248881682,"owners_count":21176897,"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-10-15T11:28:37.336Z","updated_at":"2025-04-14T12:32:04.692Z","avatar_url":"https://github.com/atomantic.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#License#\n@author Adam Eivy (antic | atomantic)  \n@link [http://intellectualpirates.net](http://intellectualpirates.net)  \n\n@license Copyright (c) 2011 Adam Eivy (antic | atomantic) Dual licensed under the MIT and GPL licenses:  \n * [http://www.opensource.org/licenses/mit-license.php](http://www.opensource.org/licenses/mit-license.php)  \n * [http://www.gnu.org/licenses/gpl.html](http://www.gnu.org/licenses/gpl.html)\n\n#What it does:#\n\nThis is a fancy animation effect that throws a bunch of clones of an image onto the page, either shooting up from the bottom or falling down from the top.\nIt randomizes the size of the image between a min constraint and the maximum size of the source graphic.\nIt also, optionally, explodes at the end as it fades out.\n\nThe explosion effect at the end of the image's journey into the page requires jquery.ui--but if you omit jquery.ui, the code will fallback on a simple fadeOut.\n\n#Usage:#\n\n\t\u003c!-- Include jQuery \u003e= 1.4.2: [http://paulirish.com/2010/the-protocol-relative-url/](http://paulirish.com/2010/the-protocol-relative-url/) --\u003e\n\t\u003cscript src=\"//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js\"\u003e\u003c/script\u003e\n\t\u003c!-- non google fallback --\u003e\n\t\u003cscript\u003e!window.jQuery \u0026\u0026 document.write(unescape('%3Cscript src=\"jquery.min.js\"%3E%3C/script%3E'))\u003c/script\u003e\n\t\n\t\u003c!-- include jquery.ui -only needed if you are using the explode effect at the end --\u003e\n\t\u003cscript src=\"//ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js\"\u003e\u003c/script\u003e\n\t\u003c!-- non google fallback --\u003e\n\t\u003cscript\u003e!window.jQuery.ui \u0026\u0026 document.write(unescape('%3Cscript src=\"jquery-ui.min.js\"%3E%3C/script%3E'))\u003c/script\u003e\n\t\n\t\u003c!-- load and call the plugin --\u003e\n\t\u003cscript src=\"jquery.imgexplosion.js\"\u003e\u003c/script\u003e\n\t\n\t\u003cscript type=\"text/javascript\"\u003e\n\t\t$(function(){\n\t\t\t\n\t\t\t// simplest call, uses defaults:\n\t\t\t$.fn.imgExplosion();\n\t\t\t\n\t\t\t// adjusting call to a new image or image path\n\t\t\t$.fn.imgExplosion({\n\t\t\t\timg:'/img/somenewimage.png'\n\t\t\t});\n\t\t\t\n\t\t\t// using an image on the page\n\t\t\t$('#ImageID').imgExplosion();\n\t\t\t\n\t\t\t// showing all defaults in options:\n\t\t\t$.fn.imgExplosion({\n\t\t\t\t// path to the image to firework (only needed if not attached to an image olready on the page)\n\t\t     \timg: '/img/star.png',\n\t\t\t\t// how many images should we load before stopping the animation\n\t\t\t\tnum: 24,\t\t\t\t\n\t\t\t\t// minimum random width of the image in pixels\n\t\t\t\tmin: 20,\n\t\t\t\t// should we explode or just hide after throwing the image? explode requires jquery.ui\n\t\t\t\texplode:true,\t\n\t\t\t\t// should the image rotate into the page?\n\t\t\t\trot: true,\n\t\t\t\t// where to start from (currently only supporting bottom or top)\n\t\t\t\tstart:'bottom',\n\t\t\t\t// should we swap between top and bottom every throw\n\t\t\t\talternate:false,\n\t\t\t\t// should we randomize the ending x coordinate (thrown at angle)?\n\t\t\t\trandEnd:false,\n\t\t\t\t// what z-index should we lay them on\n\t\t\t\tz: 1001\n\t\t\t});\n\t\t\t\n\t\t});\n\t\u003c/script\u003e\n\n#Demos:#\nThe repository holds a demo in index.html, which is published on the github project page:\n[Demo](http://atomantic.github.com/jquery.imgExplosion)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatomantic%2Fjquery.imgexplosion","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatomantic%2Fjquery.imgexplosion","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatomantic%2Fjquery.imgexplosion/lists"}