Page Peel Script

January 26th, 2008 | Comments | Posted in Technology

Hi! New here? You may want to subscribe to my RSS feed and/or follow me on Twittter. You can view the content on this site by category and subscribe to the RSS feed for that category. Look to your right! If you'd like to get in touch with me, please use this contact form. Thanks for visiting!


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! :)
Leave a Reply 3476 views, 16 so far today |
Tags: , , , , , , ,
  • 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
  • I tried it but the images are not on the right side of the peel area. They are covered up by the peel.
  • 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.
  • 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.
  • 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
blog comments powered by Disqus

1 July 200929 June 200928 June 200926 June 200923 June 200924 June 200925 June 200922 June 200921 June 200920 June 2009

Recent Post

Most Popular

Popular Today