{"id":17037432,"url":"https://github.com/robflaherty/jquery-peelback","last_synced_at":"2025-04-12T13:21:16.881Z","repository":{"id":1260576,"uuid":"1199422","full_name":"robflaherty/jQuery-Peelback","owner":"robflaherty","description":"A jQuery plugin for peelback ads","archived":false,"fork":false,"pushed_at":"2012-04-09T16:03:22.000Z","size":668,"stargazers_count":74,"open_issues_count":3,"forks_count":22,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-03-26T08:01:36.596Z","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":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/robflaherty.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":"2010-12-26T23:38:43.000Z","updated_at":"2024-05-17T07:36:20.000Z","dependencies_parsed_at":"2022-08-16T12:50:09.158Z","dependency_job_id":null,"html_url":"https://github.com/robflaherty/jQuery-Peelback","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/robflaherty%2FjQuery-Peelback","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robflaherty%2FjQuery-Peelback/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robflaherty%2FjQuery-Peelback/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robflaherty%2FjQuery-Peelback/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/robflaherty","download_url":"https://codeload.github.com/robflaherty/jQuery-Peelback/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248571836,"owners_count":21126522,"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-14T08:53:54.510Z","updated_at":"2025-04-12T13:21:16.859Z","avatar_url":"https://github.com/robflaherty.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# jQuery Peelback Ad\nThis is a jQuery plugin for adding a \"peelback\" or \"peelaway\" ad to a page. It's based on this [peelback demo](http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/), by Soh Tanaka, which achieves the peelback effect by animating the ad image (the background image) and the peel image in parallel.\n\nSome features:\n\n* Except for the two images, everything is contained in the plugin, which means you can add this to your site without having to touch your stylesheets or HTML.\n* Lightweight. The script and the peel effect image combined are only 7.3KB.\n* Plugs into Google Analytics Event Tracking to record the mouseover/peelback event.\n* Works in all modern browsers as well as IE6, IE7, and IE8.\n\n## How to use it:\nJust call the `.peelback()` method on the `body` element and fill in the parameters.\n\n###Required\n**`adImage`** : path to the ad image (string)  \n**`peelImage`** : path to \"peel-image.png\" (string)  \n**`clickURL`** : click-through URL for the ad (string)\n\n###Optional\n**`smallSize`** : Specify size of small peel preview (number; default=58)  \n**`bigSize`** : Specify size of full size ad image (number; default=510)  \n**`gaTrack`** : Send peelback events to Google Analytics? (boolean; default=false)  \n**`gaLabel`** : GA event label to use (string; default=\"default\")  \n**`autoAnimate`** : animate peelback corner on pageload (boolean; default=true)   \n**`debug`** : display errors in console (boolean; default=false) \n    \n    $(function(){\n      $('body').peelback({\n        adImage     : 'peel-ad.png',\n        peelImage   : '../assets/peel-image.png',\n        clickURL    : 'http://www.thebestdinosaur.com/',\n        smallSize   : 50,\n        bigSize     : 500,\n        gaTrack     : true,\n        gaLabel     : '#1 Stegosaurus',\n        autoAnimate : true,\n        debug       : false \n      });\n    });\n    \n## Demo\n[http://www.ravelrumba.com/code/demos/jquery-peelback/demo/](http://www.ravelrumba.com/code/demos/jquery-peelback/demo/)\n\n## Dependencies\njQuery. Tested on 1.4.4 and 1.5.2.\n\n## Changelog\n0.2: 04/25/2011 - Added image sizes as settings. Removed dataURI version to keep things simple.  \n0.1: 12/26/2010 - Release\n\n## Credits\n[http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/](http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobflaherty%2Fjquery-peelback","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobflaherty%2Fjquery-peelback","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobflaherty%2Fjquery-peelback/lists"}