Page Peel Script

Peel

Please note that this script is NOT my own work! As I have stated below, I am simply making it available here in case it is taken down elsewhere. I have no idea on how to modify it. Sorry.

If you’re reading this on the blog rather than via the RSS feed, you’ll probably have already noticed the new addition in the top right-hand corner. The way in which the page ‘peels back’ to reveal a link to my educational consultancy business was inspired by a number of sites I’ve seen recently who use it for advertising. It’s remarkably easy to accomplish. Here’s how… :D

After a few initial searches I thought I was going to have to stump up $8 for the script. Not so. I came across this post which offered the script for free download. I’m providing it in the more compatible ZIP format below in case it becomes unavailable elsewhere.

Zip Peel.zip

The README file explains all, but it’s a very simple process:

  1. Extract the ZIP file.
  2. Edit the small.jpg file to your liking.
  3. Edit the large.jpg file to your liking.
  4. Open peel.js in a text editor such as Notepad or TextEdit.
  5. Search for, and replace http://www.dougbelshaw.com with the name of the site to which you want the advert to point.
  6. Upload the peel folder to the root directory of your website.
  7. Add the following between the <head> and </head> just after the <body> tag in the HTML of your homepage:
<script src="peel/peel.js" type="text/javascript"></script>

You should then see something similar to what I’ve got on this site. Let me know if and when you do something similar! :)



Posted: 01.26.2008

Previous post:

Next post:

Comments policy
← Older Comments
  • Mark

    I have installed this script and it works fine, but the graphics are not showing up. I edited the graphics with some generic artwork, and kept both the sizes the same as the original, but still no luck.

    Any suggestions would be appreciated.

    BTW. Thanks for the script. Awesome work.

  • http://honeybearplayhomes.com ed

    Thanks Doug

    Killer feature. I am kicking myself for not searching for it sooner.

    I as well am having issues with it not working with IE or Opera. Firefox it works great.

    I wonder as I use the free site builder synthasite.com and can only insert code into the HTML widgets they provide is there some workaround in getting it to be cross browser compatible using these widgets? Has anyone tried it using the synthasite builder?

    I would love to have it work in all three…

    Thanks again
    Ed

  • http://www.stocktradingsoftwarereview.com Robert

    Hey,

    i used ur script and it worked for me for a few months, but recently i vistited my website and the page peel doesnt work anymore. could u please advise me on what i could do to make this better.

    thanks

  • http://www.stocktradingsoftwarereview.com Robert

    Hey,i used ur script and it worked for me for a few months, but recently i vistited my website and the page peel doesnt work anymore. could u please advise me on what i could do to make this better. thanks

  • http://www.tandem-bicycle-central.com/captain.html Jeff Spahn

    I tried it but the images are not on the right side of the peel area. They are covered up by the peel.

  • http://www.tandem-bicycle-central.com/captain.html Jeff Spahn

    I tried it but the images are not on the right side of the peel area. They are covered up by the peel.

  • http://www.smartredfox.com JamesB

    I’ve created a version of this with jQuery that is cross browser compatible without having to include it in the body of the page for IE7, and it fixes the problems with early versions of flash not displaying properly:

    http://www.smartredfox.com/2008/12/corner-page-peel-advert-with-jquery/

  • http://www.smartredfox.com JamesB

    I've created a version of this with jQuery that is cross browser compatible without having to include it in the body of the page for IE7, and it fixes the problems with early versions of flash not displaying properly:

    http://www.smartredfox.com/2008/12/corner-page-…

  • Tobias Dawes

    This is a great script, cheers! Is there anyway to have the target for the link not open in a new window? I’m assuming this is set in the swf, so not something that I can change without the fla.

  • http://www.digitalfiz.com Marc

    Can you provide a version of the swf’s where the link target is parent not new? I’d really like to use this to direct people to a certain page on my site.

  • http://freefest.net/ Nicolas

    Thank you soo much, it’s working just fine!

    (However, sopmetime I have to put my mouse over it 2 times)

  • Michael

    You may want to check this out http://www.FreePagePeel.com

    It’s basically what you have hear, but it will automatically configure all the javascript for you and generate a simple zip file of all the files you need to get the Page Peel working

  • Anonymous

    I am using peel script but its causing animated gifs on my site on internet explorer to freeze, does anyone know how to fix it?

    Thanks

  • http://gadgettechblog.com/ Gadget_Blog

    What I can say is very nice and helpful as well as informative post…really help me very much more!! Thanks..
    Cheers,
    gadgettechblog.com

  • http://www.dianezidek.com/ Diane Zidek

    Thanks so much for this. I tried a lot of other scripts and they never worked with the ease that this one does. Really appreciate you posting it!

  • amota

    thank you for the post, worked very well….also tried several similar post but all failed except this.

← Older Comments