Page Peel Script

Welcome back!
#uppingyourgame: an educator's guide to productivity is now up to v0.4!
(I'm looking for people to translate it into other languages when finished - if you're interested get in touch!)

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! :)

Possibly related posts:

Posted: January 26th, 2008
Categories: Technology
Tags: , , , , , , ,
  • 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!
  • What I can say is very nice and helpful as well as informative post...really help me very much more!! Thanks..
    Cheers,
    gadgettechblog.com
  • usmansaeed
    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
  • 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
  • Thank you soo much, it's working just fine!

    (However, sopmetime I have to put my mouse over it 2 times)
  • 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.
  • 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.
  • 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-...
  • I tried it but the images are not on the right side of the peel area. They are covered up by the peel.
  • 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
blog comments powered by Disqus

Powered by WordPress
Visitor graph
uncopyrighted