Placed in:
Create a peeling corner on your website

Peeling a webpage is very fun to do and it'll draw attention from your users. You can use to it place advertations, or draw attention to a hot article on your own website. Here I'll explain how to create such an effect on your website. It uses Flash and JavaScript, and is really easy to install. A live demo for the peeling effect can seen when you fully read this article.

Peeling Webpage

I received this package from the admin of musicincontrol.nl, a great dutch music website.

If you read this, you should be able to see the peeling live and working in the top-right corner of this page. When you mouse-over the image, it'll expand revealing more information.

To achieve this, simply execute the following steps to embed a peeling corner on your website.

The JavaScript

Select the code above and save it as peel.js (Download Download).

Now edit the file with your favorite programming editor (Notepad will work too). Search for the following code line:

jaaspeel.ad_url = escape('http://www.marcofolio.net/');

Change the value between the quotes (in this example it is "http://www.marcofolio.net/") to the webpage you want your corner to re-direct too, when people click on it. Save your peel.js file.

The images

As you can see in the JavaScript code, this effect uses two images.

  1. small.jpg A 100x100 px image, used when the peeling effect is inactive.
  2. large.jpg A 650x650 px image, will be shown when a user mouse-overs the peel.

In this example, I'm using this small.jpg and this large.jpg. Create your own images that will be shown in the peel.

The Flash

This project uses Flash to create the actual effect. To download the Flash files, look below and download the attached source files.

Upload files

Now you're all set to upload the files to your web server. Upload the following files:

  1. peel.js
  2. small.jpg
  3. small.swf
  4. large.jpg
  5. large.swf

to the following directory:

http://YOURDOMAIN.COM/peel/

Installing on your site

Now add the following line to your webpage. Make sure your source (src) direction is correct.

<script src="peel/peel.js" type="text/javascript"></script>

Well, that's about it. Refresh your page and you should have a nice peeling corner that you can update by just changing the images "small.jpg" and "large.jpg". If it doesn't work, you probably didn't set the paths correct. Please check and make sure it's the right path. Additionally, you can change all the parameters in peel.jpg, beginning with "jaaspeel." (Readme file included).

I'm not the one who created the code and I don't know who did. Please contact me if you know / are the programmer of this code.

Attached files:

Download Peel Package Source Peel

Troubleshoot

Due to some of the comments, I created a package that should work when you upload it. You can view how it should look like in the example/demo page.

Attached files:

Download Peel Troubleshoot Package Troubleshoot Peel

Flash Source

I'm not going to modify the code anymore. If you want to have a go, download the Flash source files and play around.

Attached files:

Download Peel Flash Source Files Source Peel

Where are you going to use the peeling package for?

UPDATE: No target="_blank" peel

As many have requested in the comments, they want to change the FLA to make the target="_blank" dissapear. As I said before, I can't do this, since the FLA was not mine.

Erwin found a solution for this problem: WebPicasso has a free peel away ad in the form of a WordPress plugin. With some modifications you can make it work "stand-alone" and that one doesn't have the target="_blank" addition. Enjoy!

UPDATE 29/3/2009

One of our readers (Rusty - Thanks!) dove in the "large.fla" file to try to fix the error. You can download the clear FLA version here.

These were the changes made by Rusty:

  • I re-named the library folders, and library file names.
  • In Scene 1, frame 44, I changed the actionScript, line 10, from "getURL(_root.ad_url, "_blank");" to "getURL(_root.ad_url, "_self");"
  • In the library, in the "Movies" folder, "mv_sprite10", I created Layer 5, and turned Layer 1 into a guide layer.
  • In the library, in the "Movies" folder, "mv_sprite4", I created Layer 4, and turned Layer 1 into a guide layer.
  • On Scene 1, I added a layer called "New Layer". This is the layer that needs work. The shape tween is not exactly aligned with the other layer tweens.

Please contact me (use the contact page) if you managed to fully fix the file and make the target=_blank work.

Update

If you're using more Flash files on the page, you might encounter a problem with the peel showing under your Flash files. Steven kindly provided the following fix. Simply leave the peel banner "as is" and edit the code around the other Flash files you're using in the following:

 
<embed src="yourflashbanner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="263" height="170" bgcolor="#ccccff" wmode="transparent"></embed>

Change yourflashbanner.swf to the location of your Flash file and you're done. Thanks Steve!

Update

For those people that want a page peel banner opened in the same page instead of another, Romesh shared a script where you can achieve this effect. You can download the script here.

Simply modify pageear.js around line 41:

 
// Browser target new (new) or self (self)
var openLink = 'self';

Thanks a lot Romesh!


Tags:  how to peel website webdesign

Interested in this topic? You might enjoy another article I've written called

Did you like this article? Subscribe to my feed or email to keep updated on new articles.

Spread the word and submit to:
Digg!Reddit!Del.icio.us!Facebook!Technorati!StumbleUpon!Newsvine!Furl!Ma.gnolia!
Comments
Add NewSearchRSS
Sean McGoldrick   2007-10-31 14:29:13
Gravatar image This is fantastic! I've been looking for a free version of this script for some time. Thanks again.

http://AboutBlogging.Info
Reply | Quote
mark - thanks   2009-04-18 02:28:53
Gravatar image Thanks for sharing this. Just as good as the commercial solutions if not better and a surprisingly simple effect.
Reply | Quote
john doe - where is the demo   2007-11-02 06:32:48
Gravatar image Yeah and where exactly is the demo?
Reply | Quote
Marco - re: where is the demo   2007-11-02 08:29:43
Gravatar image
john doe wrote:
Yeah and where exactly is the demo?
Don't you see it? It's at the right-top corner of this page, it's already working and implemented here :)
Reply | Quote
john doe - whoops   2007-11-02 21:38:49
Gravatar image Stupid adblock plus, thanks!
Reply | Quote
Lennart - SHo to link to current site _s   2007-11-08 21:12:36
Gravatar image Hopw do we get it to not open a new window. We eant it to be able to open in the current window as with a standard url link target=_self

Cheers
Reply | Quote
Marco - Another "Large.swf"   2007-11-10 10:46:52
Gravatar image Try downloading this Flash-file and replace it with the old one and try again.
Reply | Quote
Anonymous   2007-12-02 16:40:56
Gravatar image I was looking for this too.

The replacement flash file does open in the same window, but the peel animation is transparent!
Reply | Quote
mellick - not happening for me   2007-11-08 22:48:18
Gravatar image I have d/l all paths are have been checked and rechecked but I get nothing at all :cry:

I have failed to get it running on 2 windows and 1 linux server either locally or remotely.
Reply | Quote
Marco - Try same path   2007-11-10 10:40:03
Gravatar image Try putting everything (.js + .swf + .jpg + your index file) in the same folder.

Remove all path redirections in the .js and script HTML code and try again.

You can also try linking everything with a "hard link".

Example:
Instead of:
Quote:
jaaspeel.small_path = '/peel/small.swf';

Make it:
Quote:
jaaspeel.small_path = 'http://YOURWEBSITE.com/peel/small.swf';


Good luck!
Reply | Quote
matt   2007-11-10 14:21:27
Gravatar image thanks for the info - legend.
Reply | Quote
ben - something is definately wrong   2007-11-12 16:26:28
Gravatar image I work as a full time web designer and thought i would give this a try as it would be a quick and easy way to introduce this effect, as I am a flash-aphobic if there is such a phrase.

I have used paths as supplied, relative paths, absolute paths and placed all files in same dir. I have even tried everything directly in the root dir but the swf is not even loading. I have downloaded twice as thought a file may have become corrupt. But to no avail :( :(

Obviously it has worked for some people - just not for me.
Reply | Quote
Dane H - great job, Thanks so much   2007-11-12 16:34:24
Gravatar image WOW!
Thanks for the free page peel Marco. Everywhere else I looked wanted to charge, and here you are giving it away for free.
Because of that I would like to make a donation. Please contact me thru my contact form on my webpage so I can do so.

Thanks for being so generous with the code.

Dane H
http://hiddenhillsnursery.com
Reply | Quote
ben - I dont know what i was thinkin   2007-11-12 16:46:39
Gravatar image I dont know what i was thinking, I just followed the instructions to place link to js file in tag, which was the problem. If I had been half awake I would have ignored it and placed it in the BODY. So much for being a pro eh.

Love the effect, if we use it on our site I will be more than happy to make a donation.

Thanks for great script.
Reply | Quote
Marco - Thanks Dane and Ben   2007-11-12 17:13:56
Gravatar image Ben, Dane,

Thank you for your reactions. These comments show that there are people out there that really like my work. That is enough motivation for me to keep on doing this. No donation is needed, thanks anyway :) .

And Ben,
Even the best can make mistakes :wink:

Greetings,
Marco
Reply | Quote
Dane H - Very close, but.....   2007-11-14 03:18:46
Gravatar image Hi Marco,
I am so close to getting it all to work. I am testing it on my computer before uploading, but I seem to be having a slight problem or two. I have saved all files to a folder, redirected all links (basically removing /peel/), and edited the re-direct url. I modified two images to replace the blank ones from the zip file, added the proper code into the HEAD ( although, looking at your page source here, you seem to have it in BODY... :D , and it looks like a comment???). When I open my index page, I see the corner rolled with my image, but it won't roll, and the url wont redirect. So very close...any ideas?

Dane H
http://hiddenhillsnursery.com
Reply | Quote
Marco - Good work   2007-11-14 08:24:18
Gravatar image Hello Dane,

The one that looks like a comment is my "old" one, the proper one used on this page looks like this:
Quote:
src="images/stories/programming/webdesign/peel/peel.js"

Strange this about this script, is that it works in the HEAD and sometimes in the BODY. In Firefox it works on both, IE6 only when it's in the BODY. Putting it in the HEAD is better for performance, but sometimes it doesn't work.

Are you sure you made the proper changes to peel.js? If you see the "small.swf" (the small rolled image) and you mouse-over it, the "large.swf" should show up.

Did you also change the jaaspeel.big_path and jaaspeel.big_image in the .js file?

If it still doesn't work, try uploading it to your webserver. The .swf file tries to load the .jpg file and sometimes your localhost can see this is an "illegal operation". When it's online, it should work.

Good luck,

Greetings,
Marco
Reply | Quote
Dane H - Oh Well   2007-11-15 23:26:01
Gravatar image I have tried everything I can think of, including loading all the files freshly unzipped into a folder named peel, placing the in my index code, uploading, and.....nothing. Tried hard coding too, and nothing. I can get the corner to start to roll when all files are on my comp, but when I upload, nothing. :confused:

I guess I will have to keep playing. :D

Dane H
http:hiddenhillsnursery.com
Reply | Quote
Marco - Troubleshoot package   2007-11-16 10:15:59
Gravatar image Dane,

I edited my post and added a "peel_troubleshoot.zip". When you upload everything in that package in any folder, it should really work (Localhost can give permission problems). When it still doesn't work on your website, it can be your host that doesn't allow to connect the Flash with the JPG files.

Good luck, please tell me if it worked.

Greetings,
Marco
Reply | Quote
Erik - Excellent   2007-11-21 07:03:25
Gravatar image Great job in the directions. Worked perfect the very first time.
Reply | Quote
Peter - Peter   2007-11-26 09:51:39
Gravatar image Working perfect but I would like to open the link in the same window not in a new one. Is this possible and how? I looked at the java script and tried a few things but I can't get to work.

Any help would be great!
Reply | Quote
Jimbob - Align   2007-11-27 19:57:07
Gravatar image Great script have added to a page but the image seems not to be aligned right even though it it 650x650?
Any help much appreciated.
http://www.france-rental.com/inc_default.asp?PageId=2
Reply | Quote
Jimbob - Ignore me   2007-11-27 20:11:56
Gravatar image Ignore that last comment, I've fixed it now.
Reply | Quote
TS - How About....   2007-11-28 05:06:22
Gravatar image Excellent, well done and thanks for making it available FOC.
As you are giving it away, how about also making flash source available?
Alternatively, how about adding a parameter which will allow me to determine whether or not my link opens in a new window OR replaces the page I'm on.

Best wishes...
Reply | Quote
Jimbob - How About 2...   2007-11-28 13:53:19
Gravatar image I agree with TS, if you could make the flash source available that would be great..it would also mean we could resize the peel too. :lol:
Unless there is anopther way of resizing the peel?
Reply | Quote
Bifurd - Resizing the peel?   2010-01-20 17:29:26
Gravatar image How do you resize the peel?
ie:make the corner start off peeled back a little bit more than it is now, so more of the image underneath shows.
Reply | Quote
shahid hussain - Z-index issue in home page usi   2007-11-29 23:05:34
Gravatar image hi,
i have created a page and i use peelawayad file which is in flash. i was already using two div on home page which contains flash movies. but now when i placed peelawayad flash movie on home page. it appears on bottom of both div layers. i tired my best with stylesheet. z-index and many other tricks which i know best. but still not able to sucess. can someone help me to getride of this issue. help would be appriciated. thanks

here is the current site link which has the flash movies embeded.

http://www.visionetsystems.com/test/

Source Files are as under:
http://board.flashkit.com/board/attachment.php?attachmentid=64690&d=1196368726

thanks

Shahid Hussain
Reply | Quote
Marco - re:   2007-11-30 11:16:44
Gravatar image @TS & Jimbob:
Right now, my laptop (with source files) has crashed and will return next week. When I have it back, I'll release the source code and you can play around with it.

@shahid hussain:
You're right, I had this problem too and wasn't able to fix it. Did you try putting the "peel code" (peel.js";) in the section of your website?

I'm sorry, but I really don't have any clue. Please come back if you found the solution!

Good luck.
Reply | Quote
Jimbob   2007-11-30 12:22:23
Gravatar image Hi,

Actually I don't need the source now...to reduce the size of the peel without distorting you just need to keep the correct ratio between the large.jpg and the .swf file.

shahid hussain - I had similar problems with other flash on the page and this is the reason why I reduced the peel size so there is no overlap.
Reply | Quote
TS - RE: How About   2007-11-30 14:12:46
Gravatar image
Quote:
@TS & Jimbob:
Right now, my laptop (with source files) has crashed and will return next week. When I have it back, I'll release the source code and you can play around with it.


:D Thanks Marco, that will be great, look forward to your releasing flash source.

Regards, TS
Reply | Quote
Shahid Hussain - Web designer   2007-12-06 16:40:31
Gravatar image hi,
i have created a page and i use peelawayad file which is in flash. i was already using two div on home page which contains flash movies. but now when i placed peelawayad flash movie on home page. it appears on bottom of both div layers. i tired my best with stylesheet. z-index and many other tricks which i know best. but still not able to sucess. can someone help me to getride of this issue. help would be appriciated. thanks

here is the current site link which has the flash movies embeded.

http://www.visionetsystems.com/test/


Here is the Source Code i have been used in the website
Reply | Quote
Prasanna   2008-05-15 14:10:31
Gravatar image Hai did u get the solution for this problem Even i have the same problem if u had solve the problem kindly help me out thanks
Reply | Quote
Nahel - N/A   2008-07-29 01:37:55
Gravatar image I have managed to work around this problem by converting my top flash to animated gif and it worked fine with me
Reply | Quote
TS - RE: How about   2007-12-08 02:48:31
Gravatar image Hi, Any luck yet with your bust computer? Hoping to be able to grab flash source code from you soon?

Regards TS
Reply | Quote
Dane H - PERFECT!!!   2007-12-09 23:39:03
Gravatar image Congrats Marco,
The troubleshooter was the magic bullet. I downloaded both zip files and tried both...no luck on the original, but the troubleshooter worked like a charm. Now I just need to figure out how to modify my JPGs so I can replace yours with mine.

Thanks Marco
Reply | Quote
Paul - .   2007-12-10 07:53:54
Gravatar image gday, great script, thanks alot.

it works great except when i change the .js you supplied to make the link open in the same page, i also get the transparent fold when i hover. iv tried all the tricks mentioned here and cant work it out.
any help would be great
Thanks again
Reply | Quote
Marco - Source added   2007-12-10 15:00:53
Gravatar image Hi ya'll,

Got my laptop back. New motherboard + LCS screen + HDD did the trick.

I added the source files in the article, check it out. Good luck changing the code so that it'll work how you want it.

Sorry Shahid Hussain, but I can't help you. Maybe others know how this could be fixed.

Greetings,
Marco
Reply | Quote
TS - Flash Source   2007-12-11 15:29:23
Gravatar image Hi Marco,

Many thanks for making flash source (large.fla) available.

Modifying large.fla and peel.js to cater for target frame for any ad is a simple step. However, it seems the act of loading the source into Flash CS3 Pro and re-publishing it (as flash 8, actionscript2) upsets the masking routines such that reflection of the ad is lost during the peel. The masking to give the relfection is beyond my flash skill level at present, Should anyone else with a more detailed understanding of such flash techniques be interested I'd be happy to colaborate?

Regards
TS
Reply | Quote
paul - help please   2007-12-11 02:30:03
Gravatar image any help with the transparent fold on open would be great.
thanks
Paul
Reply | Quote
Paul   2007-12-17 02:24:29
Gravatar image has anyone else been able to fix the above error?
Reply | Quote
Andrew - - solved open same window   2007-12-17 10:50:41
Gravatar image @ TS - you're right. I believe the mess up is happening when the .swf is published to a newer version.

Okay, I don't think this has been said yet so here we go...since something is messing up when people are updating the .fla and .swf to make it open in the same window, I think this is what can fix it...

Marco:

In the Large.fla you provided, on frame 44 in the Action Layer there's this code:

bt.onRelease = function ()
{
getURL(_root.ad_url, "_blank";);
};


I think all you have to do is change "_blank" to "_top" , and then republish the .swf

Is there any way to donate money for all this effort, Marco? Even sending you a gift card or something...man...I'm very appreciative of this resource. Please let me know.

thanks!
andrew
Reply | Quote
Marco - re:   2007-12-17 18:26:36
Gravatar image Andrew,

That's ("_blank" to "_self";) what I did with the updated version you can find in the comments. I don't know why it's "invisible" now. Do you have it working correct? If so, please contact me and send me the correct file and I can post it here again.

Like I said before, there's no need for a donation. Reactions like you give are enough "donation" for me! Just keep on checking on this website or subribe to the feed for new articles will do it for me :wink: .

Have a nice day,
Greetings,
Marco
Reply | Quote
Andrew - @ Marco - open same window   2007-12-17 20:03:00
Gravatar image Hi Marco,

I downloaded the source.zip again, and checked the large.fla again...frame 44, Action Layer still says "_blank". Not sure which file you are referring to...?

I can change the Action Script in the large.fla for you, send it over to you, and then you could republish it via your version of Flash Pro. I think that would fix the problem, since it seems to be an issue when the large.swf is republished in a newer version of Flash Pro...thoughts?

My email: pagepeel@experiencefluxx.com

You're sure about no donations?

Thanks!
Andrew
Reply | Quote
Marco - re:   2007-12-17 21:43:56
Gravatar image No, I was referring to this large.swf that I placed in the comments above.

That one works with the "_self" thingie, but for unknown reason the peel is transparent. If you can make it working (without transparent peel), that would be enough donation for me :lol: .

Yeah, I'm sure about the donation, I don't even have a PayPal account (yet :wink: ).

I've send you a mail.

Greetings,
Marco
Reply | Quote
Blinky - Reflection   2007-12-27 01:44:57
Gravatar image Can someone help me remove the Reflection? Instead of that I just want white (or some other color) page - how can I do that in flash?
Reply | Quote
Blinky - Reflection   2007-12-27 17:39:03
Gravatar image Or is that in peel.js to change?
Reply | Quote
Ron - Might be usefull to know   2008-01-04 13:52:24
Gravatar image First of all great script :D

If you have the script on www.example1.com and wish to include it on www.example2.com then do this:

1* open peel.js and change peel/small.swf to www.exaple1.com/peel/small.swf (change 4)
2* upload a crossdomain.xml to your peel folder.
3* Call the java and your Done :D

crossdomain.xml example
Code:
Reply | Quote
Shawn - Reflection in source   2008-01-09 23:34:34
Gravatar image First off, thank you very much for the script and flash source, this is an excellent resource.

Has anyone found a fix for the problem TS reports with lost reflection?

I just tried this in Flash 8 and get the same result.

When I open large.fla in Flash 8 and Test Movie, the peel reflection is lost. Get the same results in CS3. At first I thought it was a CS3 issue, but I get the same results in Flash 8.

Marco, what version of Flash are you using to build/publish the original?
Reply | Quote
Marco - Flash 8   2008-01-10 08:53:10
Gravatar image Hi,

It was Flash version 8. Problem is, that when I upgraded to Flash CS3, I think that's when it "destroyed" the original SWF file :roll: ...

I tried it many times to fix it, but without any help ..

Sucks :(
Reply | Quote
Marco - Reflection in source   2008-01-26 11:14:07
Gravatar image Hi,
any news for this problem?
Have you tried to save flash file in the same version of the original?

Marco M.
Reply | Quote
chris - Solved reflexion problem   2008-02-13 23:53:25
Gravatar image I'm glad to tell you that I fixed the problem inside the fla. I did it quickly and its not perfect yet (the shape for the mask was bugged and for a unknown reason one layer was missing) but I will contact Marco when I will have the time to do the shape correctly!
Reply | Quote
Med - Alignment   2008-01-16 23:03:03
Gravatar image As far as I can tell, the issue of alignment was never addressed. The image loads over the scroll bars, initially, then it self corrects. the alignment on the right is not correct, does anyone else see this?
Reply | Quote
Daniel - Alignment - Solved   2008-02-16 18:38:51
Gravatar image amend to read right:-2px; instead of right:0px; and that should fix it.
Reply | Quote
Anonymous   2008-01-17 18:02:19
Gravatar image Has anyone been able to take the flash source files (large.fla and small.fla) and reverse them successfully so that the peel will be at the top left hand side of the page instead of the right? :?:
Reply | Quote
Ian - Unable to display images   2008-01-23 11:29:38
Gravatar image The flash and javascript are displaying fine but no matter what images (small.jpg and large.jpg) I upload, it will not display them in the ad.
I note that you mention that some hosts do not allow images to be displayed in flash - can you elaborate?
Reply | Quote
Cosmin   2008-02-03 23:04:09
Gravatar image Thanks a million for this :)
You are very generous for sharing this for free!
Reply | Quote
Sathees Navaratnam - Great Information   2008-02-10 08:51:08
Gravatar image Thank you for taking your valuable time and letting the Internet community know how this is done!
Reply | Quote
Dean - re: Solved reflexion problem   2008-03-04 19:56:32
Gravatar image
chris wrote:
I'm glad to tell you that I fixed the problem inside the fla.


Have instructions for fixing the .fla been posted? Don't mean to be pushy, just excited about using this thing... :)
Reply | Quote
READ - How to place the script to lef   2008-03-20 10:51:19
Gravatar image Firstly thanks for this script Marco !
Great works :lol: I Love it !

Could you tell me, How to place the script to left top, left bottom and right bottom ?

Does anyone know and help me here ?
Thanks for help guys :)
Reply | Quote
Peter   2008-03-22 21:32:12
Gravatar image Hi Marco

I get the script to work in Opera and Firefox just fine, but IE 7.0.5 shows absolutely nothing.

I am trying the troubleshooting script

Any help is greatly appreciated.
Reply | Quote
Bogdan - To Peter   2008-03-23 15:33:40
Gravatar image Hello Peter...i had the same problem until i noticed that i have inserted the script within a table...make sure it's inserted in the very top of the page...take care
have a look here http://www.pentruacasa.com/
Reply | Quote
Nahel   2008-07-29 01:48:15
Gravatar image to get it work with IE7 just put

with in the the above script must be inserted here
Reply | Quote
Nahel   2008-07-29 01:50:49
Gravatar image sorry some text has been dropped

the script must be inserted after the body tag
< body > here
Reply | Quote
balvead - Thanks for the sources.   2008-03-26 13:54:27
Gravatar image First of all. Very nice app!
I have few question:
1) Anyone managed to re-export those source fla-s?
2) How to implement an ad-impression counter on mousover event.

Thank you!
Reply | Quote
sugsworth - It works great!   2008-04-07 22:39:33
Gravatar image thanks for the great code and free flash. it took a minute to figure it all out but i got it. the troubleshoot folder helped the most.
heres what i did to get it to work:


1.download the troubleshoot zip file to my documents

2.copy and paste all the files from that folder and drop them on the desktop


3.upload both small, large, and the peel file AS THEY ARE to make sure it will work with the original codes. (dont alter the files... upload the files given to you as a test)

4. start with the page u want to peel and edit the html anywhere. insert this code



(the original instructions have "peel" twice and was not working for me so i removed one)

5. pushlish and view.

6. this should work for you.

7. once you have confirmed that it works... now u can alter the open the "peel" file that is on your desktop thru notepad and alter the info. (u have to find or make JPG'S. one has to be about 100x100 and the other 650x650
and dont forget to change the "path" (jaaspeel.ad_url = escape('http://www.marcofolio.net/') at the top of the code to the page u want the use to go to

ex:
{jaaspeel.ad_url = escape('http://www.google.com/');. }

8. once you have mastered this... u can make as many peels as you want. use the same trick and change the pictures and paths. i made 4 or 5 different peels for my site and they all work.

http://sugsworth.googlepages.com

p.s leave me a message if this almost makes sense to u
Reply | Quote
mor10 - Covering other Flash content   2008-04-13 09:19:38
Gravatar image Great script (did you know that there are people out there charging money for this btw?). There's only one problem: The peel down appears UNDER other Flash content. So if you have a Flash element like a video player etc anywhere close to the top right, it'll look really bad when it peels down.

Does anyone know why this happens and how to make the peel appear on top of all content?

mor10
Reply | Quote
Nahel   2008-07-29 01:52:59
Gravatar image the solution so far is to convert the flash to animated gif
Reply | Quote
Adolfo - Problem   2008-04-18 21:12:01
Gravatar image I have a problem.
Mi site is under flash.
When i add the peel to mi start page, it stay under the flash. I cant send the flash under the peel.
sorry but my english is really bad
Reply | Quote
German - Dont works in IE, in others works bad. Why?   2008-04-24 06:40:30
Gravatar image Im using this script in my site but this Dont works in IE, in others works bad. Why?
Reply | Quote
jurema   2008-04-27 02:04:03
Gravatar image Hi Marco

First off, thank you very much for the script and flash source, this is an excellent resource :).

I get the script to work in IE 7.0.5 just fine, but Firefox shows absolutely nothing.

Any help is greatly appreciated.
Reply | Quote
mor10 - left corner   2008-04-27 03:39:34
Gravatar image anyone figured out how to get the LEFT corner to peel instead of the right one?
Reply | Quote
jurema - I have a Problem (Firefox shows nothing)   2008-04-27 14:40:43
Gravatar image Hello Marco,

I have a problem and not know solution.

in this address the script work just fine with Firefox and I.E

http://demo.marcofolio.net/create_a_peeling_corner_on_your_website/

and this address (copycat) only work in I.E.

I have turn crazy with this. Any help is greatly appreciated.

Thank you very much.

P.D. German creo que puedes solucionar tu problema de que no se vea en el navegador I.E. cambiando de lugar la etiqueta; , situala inmediatamente detras de la etiqueta o detras de la etiqueta
mucho mejor.
No me creas compruebalo espero que te sea de ayuda.

jurema
Reply | Quote
jurema - Firefox shows nothing   2008-04-27 14:48:13
Gravatar image Hello Marco,

I have a problem and not know solution.

in this address the script work just fine with Firefox and I.E

http://demo.marcofolio.net/ create_a_peeling_cor
ner_on_your_website/

and this address (copycat) only work in I.E.

http://nachitu.com/peel/indexDP.htm

I have turn crazy with this. Any help is greatly appreciated.

Thank you very much.
Reply | Quote
Ivan Carvalho - peel.js doesn't work in IE   2008-05-08 00:37:43
Gravatar image I put Script in my site http://www.revistazap.org, FireFox works but not in IE. Why? :(
Reply | Quote
Nahel   2008-07-29 01:54:45
Gravatar image put the script after the body tag and it will work fine with both
Reply | Quote
Iron Star - _self   2008-05-09 18:01:19
Gravatar image Hello,

I try to change _blank to _self, but it is impossible to compilate codes to obtain right effect...

Could you fix this problem?

Thank a lot!
Reply | Quote
Prasanna - PAGE PEEL BELOW THE FLASH BANNER   2008-05-15 14:07:52
Gravatar image Hello Everyone :D I added this Page Peel it is awesome :whistle: but in my website i have flash banners <img src=ide:' /> when that peels off it goes below the Flash Banner :( How to make the page peel appear above the Flash banner :?:

Kindly Help me Out Pls :idea: :idea: :idea:

Thanks :)
S.PrasannaKumar
Pranuhas@gmail.com
Reply | Quote
fl3tch3r - Web Guy   2008-06-13 20:47:46
Gravatar image I've noticed a lot of people asking the same questions about it peeling under other flash content.I'm also having this problem. I've read the entire board and I don't see any answer. Has anyone come up with anything yet?

Also, Thanks Marco, this is a kick-ass script all in all.
Reply | Quote
Dan - re: Solved reflexion problem   2008-06-14 01:43:34
Gravatar image [quote=chris]I'm glad to tell you that I fixed the problem inside the fla. ---

Chris, by chance could I get some information about the missing layer or maybe a copy of your working FLA's. I am having the same issue as you had described with both FLA files. Thanks Dan
Reply | Quote
r0tt3n - Solved: IE 6 & 7 Working!   2008-06-16 08:33:17
Gravatar image Here's how you get this script to work in firefox, ie6, ie7, & opera: move the script that points at peel.js into the body rather than being in the head. Not exactly sure why this works, but it does.

I still can't figure out how to make a new swf file from the fla source without the peel effect being transparent. Consequently, I'm trapped with the out-of-the-box functionality, which sucks.
Reply | Quote
fl3tch3r - The ultimate questions   2008-06-19 19:14:50
Gravatar image I'm using the peel script, which is awesome and my client loves it.. but I have the same questions everyone else does..

a. Is there a way to force the thing to peel under another flash animation

b. More importantly, is there new FLA's that will allow you to edit the action script so when it's clicked it opens in the same window..

I found where in the script to change it but when I recreate the SWF it screws up the mask and becose transpearent when "peeled".
Reply | Quote
Elvis - Target of the large.swf   2008-08-01 16:08:05
Gravatar image Greetings from germany. I love the script, it was integrated nice and easy. But here are my two cents: I'd like to have the possibility to choose wether the link of large.swf opens in "_blank" or "_self" so I could use the peel script for announce some new features of my own homepage (self) as well as link to other pages (blank).
Any chance to get that feature in the future?
Thank you for your effort!
Reply | Quote
mrgtb - Aquarium Fish   2008-08-06 19:31:15
Gravatar image I've read to make the script open in the same browser window, you have to open the "large.swf" file and change "_blank" to "_self", which I fully undertand. The problem is what problem are you using to open the "large.swf" file. As NoteTab Pro has problems opening this file because of binary code, and notpad wont open it correctly either.
Reply | Quote
Jason Riley - Auto Page Peel   2008-08-07 12:51:17
Gravatar image Rather than waiting for the user to notice the peel and hover their mouse over small.jpg, is there any way of making the peel script run automatically when the page is first loaded? Then time out after a few seconds and return to small.jpg?
Reply | Quote
Brad - Open on load   2008-09-02 17:52:38
Gravatar image I would like the peel to open on load of the page. Where do I tweak the movie(s)?
Reply | Quote
Jag - Flash banner   2008-09-16 09:46:44
Gravatar image I ve also noticed a lot of people asking about using page peel to go over flash banners, im having the same issue, i wont be able to convert my 'banner' to gif as is displays the website name/logo. So how can i resolve page peel to go over the banner???
Reply | Quote
Jag - Found It!!   2008-09-16 21:37:19
Gravatar image The way to make your page peel go over your flash banners is to do the following to the flash banner code:

in the object code script, after add


and in the embed src line, after quality="high"add wmode="opaque"
Reply | Quote
Marco - Please contact me   2008-09-16 22:59:56
Gravatar image Hi Jag,

Could you please contact me using the contact form with the code? The commenting system blocks all code-input by users ;) .

When I receive the code, I'll make sure to place in in the article.

Thanks!
Reply | Quote
Christina - Where is the fix?   2008-11-30 23:27:15
Gravatar image Hello,

I want to start by saying THANK-YOU for this wonderful script.

I'm having the same problem trying to get it to overlay a flash animation instead of going under it. Did anyone ever get a fix posted for this?

Thanks!

http://www.littleolemedesigns.com
Reply | Quote
Christina - I found it!!   2008-11-30 23:43:58
Gravatar image Ok... the solution to getting the page peel to open on top of other swfs:
http://www.webmasterworld.com/javascript/3351076.htm

You have to add that embed wmode="transparent" to the swf object you want the page peel to go on top of.

It's working on my site in IE and Firefox:
http://www.littleolemedesigns.com
Reply | Quote
Duncan - New Window   2008-09-26 02:33:40
Gravatar image Just a quick note to say thank you Marco - fantastic work!
Also thank you for the heads up on how to make the link open in the same window by editing the large.fla source file. (for anyone who missed the info its post 62.194.187.xxx).
:woohoo:
Reply | Quote
Duncan - Oh no!   2008-09-26 02:55:58
Gravatar image It appears iv got the same problem with transparency, looking above I can see that we are waiting for a Flash Guru to help us out - thank the internet!
I wait with baited breath! :)
Reply | Quote
John - Peel over flash   2008-10-06 23:47:14
Gravatar image Hey, this is a GREAT resource, and thanks for making this free. For anyone who ran into the problem I had with using flash banners or menus showing on top of the peel, I found an answer for it (at least on the pages I use it for).

Go to the flash source codes that are showing on top of the peel. Find the line that says and change it to

Hope this helps!
Reply | Quote
Martin - webbie   2008-10-09 00:36:42
Gravatar image It is a real problem with the transparency in the end you need a flash person to customize it and the results are great look at this example, the sound stops as you leave the peel, it is a pitty that it only works with a total customized version but anywayz here is the result.
www.flyingpig.nl
Reply | Quote
Sam - IE works firefox does not   2008-10-13 22:19:37
Gravatar image IE works fine when you move the script into the body but for the life of me i can't get it to work in firefox. Firefix will show the effect fine but the images are blank?
Reply | Quote
xxBUCKSxx - _self version of the swf files I need the link to   2008-10-18 13:49:54
Gravatar image Hey Marco,

fantastic script many many many many thanks mate looks so cool :cheer:

if possible please could you send me a copy of the swf file with the _self command in there, as discussed in a previous post, I aint got flash unfortunatly, so I cant make the changes:(

many thanks again
Steve xxBUCKSxx
Reply | Quote
Duncan - News   2008-10-20 12:47:51
Gravatar image Hi Guys,

Any news on the Flash file - has anyone managed to edit it without the transparency breaking?

If so, a post to that file would be sooooo useful! :lol:
Reply | Quote
me - same problem   2008-10-21 19:33:45
Gravatar image yea i have the same problem.. that it opens in a new window... when i downloaded the new large.swf as mentioned above it opens in the same window.. but with the same malfuntion that the feeled-over effect is all white instead of filled with the large.jpg image.

can someone upload a working large.swf that opens in the same window?
Reply | Quote
Marco - No target=_"blank"   2008-10-24 20:23:59
Gravatar image Hello everyone,

I changed the article and added an URL to a version that doesn't have the target="_blank" addition. Make sure to read it!
Reply | Quote
Adam - Help   2008-11-12 11:30:39
Gravatar image :( How do you use it with osc site that is PHP.
Please help i am new to this

Kind regards
Adam
Reply | Quote
toochie   2008-11-13 20:11:33
Gravatar image Thanks for this amazing resource. I've got it working for the most part, but...
The peel is folding over my flash navigation. The actionscripted buttons under the folding area aren't working anymore. weird.

www.viejas.com/peel/index.html
Reply | Quote
gumby   2008-11-16 17:57:15
Gravatar image I've noticed a flaw in the peel. If you place your mouse just to .. and outside .. of the peel, and then just move the mouse over onto the peel, it locks up. You have to just touch it. Sometimes it just locks up on its own.

Anybody have a fix for this?
Reply | Quote
Anonymous - re: Auto Page Peel   2008-11-26 09:36:03
Gravatar image
Jason Riley wrote:
Rather than waiting for the user to notice the peel and hover their mouse over small.jpg, is there any way of making the peel script run automatically when the page is first loaded? Then time out after a few seconds and return to small.jpg?


Any idea for this question?
Reply | Quote
Lukaskin - Problem   2008-12-12 18:17:00
Gravatar image Hi I have a problem with this script, to see the results in my page I have to right click the small.swf (that it doesnt appears) y select "Play" :( Then i can see the result... but I want this thing to run alone (not clicking and putting play always...)

Any answer?
Reply | Quote
Michael - ownwer   2008-12-18 21:55:15
Gravatar image Hi,

First of all, thanks a lot for this great script (on top of it, it's completely free, WOW!).

I'm using vbulletin and would like to know if we can insert the script into the forumhome.php template.

I'm asking because when I test the script on my forum locally, by inserting this line into that template, it works very well: (actually worked on first try!)

Inserted after and before


But when I want to test it on my real forum, nothing shows at all! It is exactly the same code and all the files are located at the same place. I just don't get it. I triple-checked and checked again and once more, found out that everything is the same. Why does it work locally but not online?

I almost spent 6 hours trying to figure this out but did not find the solution yet. I'm using Firefox 3.0.5 (will troubleshoot IE later, if so).

Please help,

Thanks

Michael
Reply | Quote
Entrywound   2008-12-19 17:33:20
Gravatar image Any comment saying, that Marco did not create this script is deleted? WHY? If you can not recompile yourself the code in flash, how did you know first place, how to make it. Please explain
Reply | Quote
JamesB - jQuery version   2008-12-24 20:20:13
Gravatar image I've rewritten the javascript for this to use the jQuery library, and worked out a way to solve the problem with the transparent animation... If anyone is interested it's at:
http://www.smartredfox.com/2008/12/corner-page-peel-advert-with-jquery/
Reply | Quote
Anonymous   2009-01-07 17:03:50
Gravatar image so greate
Reply | Quote
hi - Need little help   2009-01-10 14:05:56
Gravatar image Hi,
First of all Thanx, for supplying the script for free..
I have a small problem what i want is i want 2 display flash in place of small.jpg and 2nd flash in place of large.jpg.

any help would be of great help..
Thanks
Reply | Quote
Milo - Very Nice thanks   2009-01-10 23:34:37
Gravatar image Thanks alot, looks very nice B)
Reply | Quote
Chris - Corner Location   2009-01-13 11:58:17
Gravatar image Got it all working fine but the only problem I have now is the small image seems to sit about 2px in from the right corner.

How can I fix this?

www.dnnsigns.co.uk
Reply | Quote
Chris - Corner Location   2009-01-13 12:18:35
Gravatar image Dont worry fixed it.

Changed the small image size from 73px to 75px :)
Reply | Quote
Stormin   2009-01-13 22:33:16
Gravatar image Great article Marco, well done fella. For all those looking for an alternative solution, try Swish Max 2. Commercial app that does what Marco has shown here can be done if you put in a small ammount of effort.
Follow the instructions and you wont go far wrong :woohoo:
Reply | Quote
Divine - Source Files   2009-02-28 22:05:13
Gravatar image I attempted to open the source files in Flash Mx Pro and i get an an error message "Unexpected File Format"
Please advise
Reply | Quote
marko - souce   2009-03-02 13:35:54
Gravatar image Hi! I have seen the source, large.fla and the file is different than the swf original. The final page has a strange effect.

why?

thank you so much.
Reply | Quote
Rusty - Clear large.swf   2009-03-21 00:40:32
Gravatar image I just recently started playing with this script. I have been a Flash programmer all the way back since Flash 3. I have also taught Advanced ActionScript at a community college.

I had a look at your large.fla source file. I'm not sure what is going on, but it seems to be a little corrupted or something. Go to the library, Under MovieClip there is a file called "sprite 10". When I click on the shape tween, or the stage for that matter, very strange things seem to happen.
Also there seems to be problems with "sprite 4".

Also, it seems that on Scene 1, there is a layer missing between "Layer 9" and "Layer 8"

I recreated the Layer in "sprite 10". And put a layer in between "Layer 9" and "Layer 10" called "New Layer". That seems to do the trick.

It is not perfect, and the shapes are not aligned exactly. If some one with more precision want's to take over from here, they can touch it up.

In the mean time, where do I submit the new large.fla source file?
Reply | Quote
to rusty   2009-03-24 12:36:49
Gravatar image I'ts proven that marcofolio is not the author of the source file. Many thanks for the new file, please e-mail me the source and I'll publish it online.
Reply | Quote
dabigo - This is nice   2009-04-01 06:35:22
Gravatar image I love the peel. Thanks so much.
Reply | Quote
sreuber   2009-04-01 23:10:56
Gravatar image The script works for me, but for some reason my images are not lined up properly, nudged too far to the right (both large.jpg and small.jpg). Any ideas?

:?:
Reply | Quote
Rusty   2009-04-05 03:02:16
Gravatar image Open the images with Photoshop, or Fireworks, or any other graphics editing program. And nudge them one pixel at a time, whichever way. Save, test. And repeat until they lineup.
Reply | Quote
HapiBnBusiMom   2009-08-27 22:52:21
Gravatar image I have the same problem. My images are 100 X 100 and 650 X 650 per his instructions but his images are much smaller than that. Are we supposed to make them smaller even though the peel.js is set to larger file sizes?
Reply | Quote
Rushika Dalal - Thank You So Much   2009-04-03 08:53:46
Gravatar image Hi,

Thank You for giving such a nice code...
& yes many many thanks to Rusty to give a new fla with self window open.
Reply | Quote
demo100 - I have a little problem in my website using this s   2009-04-11 18:28:17
Gravatar image Thank You for this Amazing Script.

Everything works fantastic, but I have an flash animation (I'm gonna call Flash1) on the top of the page next to this script,so what happen is that when you move the mouse over the peel**flash in the corner, the big flash goes underneath (below) to the Flash1 so does not show the large.jpg of the peel, ...

I was trying to make my flash1 like always stay on the bottom, but ... I'm not a programmer guy, ... :( so I was playing whit the peel.js to try to make this like always on Top of the top, but i cannot do it.

So, please gyus, can you help me??

Thanks a lot and soryy for my English
Reply | Quote
KirkM - Thank you!   2009-04-21 19:46:04
Gravatar image This is a great effect and simple to use. I just wanted to say thanks.
Reply | Quote
romita - thanx   2009-04-29 09:57:41
Gravatar image hi, now i have no problem my page shows the peeling effect .thank u very much
Reply | Quote
Romesh Logan - Peeo off page only in IE, but not in FF   2009-05-19 14:22:52
Gravatar image This peel off page and the link to another page works only for Internet Explorer and not in the Mozilla fire fox. May I know how could this be rectified?

Thanks & Rgds
Romesh
Reply | Quote
Jude - opens in separate page   2009-05-20 14:58:10
Gravatar image If this peel of page to be opened in the same page instead of opening in a separate page, can anyone suggest me to have it modified pls?
Reply | Quote
Claus - Rezising my large image   2009-06-07 23:59:32
Gravatar image Hi....

Wonderful script - but why is the flash resizing my images?
I have set the size to 450 x 450 pixels and uploaded an image in the exact dimensions, but the image is resized?!?!??!

In my large image I have created a black box 100 x 100 pixels but in the flash the box is 60 x 60 pixels..... Strange?!??!
Reply | Quote
Horscht - Transparency   2009-06-17 15:32:31
Gravatar image :?:
Hasn't nobody any idea why the peel (large) is transparent, when using the "_self" (the flash file, that open the link in the same page).

I love that peel - an it works fantastic!
But that transparency makes me mad ...

Horscht
Reply | Quote
Wolfflow - Working in Safari and Firefox   2009-06-23 07:22:42
Gravatar image Hi, Many thanks for your sharing this.
It works fine for Safari and Firefox for me, not successfull with IE8 Beta.

Cheers
Reply | Quote
HapiBnBusiMom - Images not aliging properly   2009-08-27 22:50:23
Gravatar image Thanks for sharing this!!!!!!

1) I noticed in your instructions that you say the images need to be 100 X 100 and 650 X 650 and the peel.js file has those settings but your images you use are smaller than that.

When I upload your images with the SWF files and peel.js files you furnish, the images align properly but when I upload my 100 X 100 and 650 X 650 images, they don't align properly.

What do I need to do to get the images aligned properly?

2) When clicking inside the peel, a new browser tab is launched and I don't want that. I want the new page loaded in the current tab.

Thanks again for sharing! This is awesome and I'll be ecstatic if I can figure out how to get the images aligned properly.
Reply | Quote
HapiBnBusiMom   2009-08-27 23:06:50
Gravatar image Is it possible that this is happening because the source flash is not really compiled at 100 X 100 and 650 X 650 and therefore, because we are using those larger image sizes, our images are being shoved off to the right so much?

I'll try using the same file sizes as the developer uses in his images and see if that works.

In the meantime, I wish someone would update the flash source files and recompile the SWF so they match the image specs the developer indicates on this site.
Reply | Quote
HapiBnBusiMom   2009-08-27 23:22:36
Gravatar image K - Finally got it to work for me. I changed my small image size to 75 X 75 and my large image size to 500 X 500. (If you use 73 X 73 like the developer uses, your image will be 2 pixels off towards the left which you don't want.)

Also, you need to keep the peel.js file set to 100 X 100 for the small and 650 X 650 for the large or else image distortion happens.

I don't quite understand why it all has to be this way but I guess if I saw the flash source (and knew flash), I would.

Hope this helps others try to get this working on their site.
Reply | Quote
Weston - Javascript error in IE   2009-08-28 23:05:40
Gravatar image Thanks for the nice script. Any idea why we get his error in IE8?

Message: 'openOnLoad' is undefined
Line: 103
Char: 1
Code: 0
URI: http://www.inspireddesign.biz/newsite/pageear.js
Reply | Quote
theocas.net   2010-03-06 03:32:53
Gravatar image Because either it is an error in your site's other JS, and because IE SUCKS! :)
Reply | Quote
Montgom3ry - Embeded media stops when peel is released   2009-09-03 22:03:01
Gravatar image Thanks so much for the awesome script....

I have used the peel on two websites and when the peel is selected the embed media both the video on http://www.mctraffic.org or audio on http://www.ricksousley.com/sound/home.html stop when you click the peel and resease it. Any ideas??? Any help on this would be great I can't find it anywhere.
Reply | Quote
mjayd   2009-09-09 00:50:22
Gravatar image Howdy nice effect will give it a try thank :idea: s
Reply | Quote
BlueAlien - Exporting Small source file   2009-09-18 16:44:54
Gravatar image Hello, has anyone had any luck exporting out the Small.fla ? I was looking at making the Small.swf peel a bit bigger, however based on the original when exported from Flash CS3 pro , in either Flash CS3 Doc or Flash 8 Doc, it messes up the animation without me touching anything.

I had no problems changing and exporting the Large.fla ..

any help or ideas?

thanks
Reply | Quote
BlueAlien - Exporting Small source file - Test   2009-09-18 20:15:57
Gravatar image Ok, I have now try with Flash 8 and even exported to MX and still same results , on Sprit 37, the external Image is not on the appending to the mask ?

Any help?
Reply | Quote
keith - Resizing the small.fla   2009-10-06 22:56:35
Gravatar image Anyone have any luck resizing the small.fla file so the peel is larger in the default state?
Reply | Quote
Bifurd - Resizing the small.fla   2010-01-20 18:04:37
Gravatar image Hi Keith,

Regarding:Anyone have any luck resizing the small.fla file so the peel is larger in the default state?

Have you had any luck figuring this out?

Thanks
David
Reply | Quote
Rob Walker - Safari support broken   2009-10-09 03:58:57
Gravatar image The code does not work in the latest Safari browser 4.03
please tell me how to remove the purple box.
This is easily seen by even displaying thsi web page, or the exampel page in the Safari Nrowser
Reply | Quote
Owen - Cant get it to work   2009-10-21 12:53:06
Gravatar image Check my site source http://www.blogblizard.com

I have it added but it doesnt seem to show? Any ideas why?
Reply | Quote
Arizona Real Estate - Exit peeling corner   2009-10-21 23:24:28
Gravatar image Is there any way to program the peel so that when a user tries to exit the page, the peeling corner appears?
Reply | Quote
Barney Ashworth - I was being stupid....   2009-10-23 17:58:00
Gravatar image Don't know whether this will be the case with others.... but after hours of playing around to try and get this effect to work I suddenly realised that I'd uploaded the .fla files and not the .swf !!!

DOH!

It's because I downloaded the source file package from here and not the Peel Package!!

Maybe you have too??! Check it out working at http://www.barneyashworth.com

Hope this helps some people because of my idiocy

And thank you soooo much for making this script available it is very very kind of you!
Reply | Quote
Oscar Myre IV - not working in ie   2009-10-23 19:26:18
Gravatar image Marco,
Thanks for the peel. I love it.
I just noticed that it doesn't show up in IE. (Imagine that!)
Beautiful in FireFox, Safari & even Chrome.
http://www.omoriginals.com

Is there a way to make it working in internet exploder?
Thanks.
Reply | Quote
asgardtake - How to...   2009-10-25 17:27:06
Gravatar image Hi, all
Very nice work here :) but i want modify this file small.fla to 160x600px? ps. i change the size in .js file but when i do that, this not work :( the peel is still 100x100. So, i know i`am not understand flash very well but here is my question :) How i change this small to be 160x600. Thanks in advise !
Reply | Quote
Joe   2009-11-04 21:31:04
Gravatar image Genius. Simply (and simple) genius.
Reply | Quote
Iulian - IE problem   2009-11-09 09:11:32
Gravatar image Hi.
The script is great...easy to implement and use, but I have a problem: doesn't work in IE....does anybody know something about this?

Thanks
Reply | Quote
ice_mouton - IE Fix Solution   2009-11-14 00:08:39
Gravatar image After extensively searching fo the IE (Internet Explorer) Problem solution I got a solution from Jordan over at (http://www.cheapskates.com.au/)

To get it to work on IE put the script tag () after the body tag instead of in the head. It works in IE and firefox then.
Reply | Quote
BaCo - JavaScript file Error   2009-11-19 10:08:45
Gravatar image Sorry, but JavaScript File Error on line 1??? :( :( :( :( :(
Reply | Quote
Steve - Flash banners   2009-11-23 23:41:04
Gravatar image Hi Marco,

Thank for the code - it is excellent, I had the same Problem with the peel going under existing flash movies - Its taken me all day, but I found the solution

you swf files that are already on your page need to be embedded - unfortunately this can cause extra padding for some odd reason underneath the flash files, again for some odd reason you just need to state a background colour like the example below - no idea why but it works

example here - forgive me this site is not yet live and I haven't done the ad yet :-)

http:www.bluepanda.co.uk/index_tester.html



Hope this helps - I have only tested it on mac - safari, firefox and pc - firefox and IE but seems to work on all

Cheers
Steve
Reply | Quote
Steve - Flash banners   2009-11-23 23:41:58
Gravatar image Hi Marco,

Thank for the code - it is excellent, I had the same Problem with the peel going under existing flash movies - Its taken me all day, but I found the solution

you swf files that are already on your page need to be embedded - unfortunately this can cause extra padding for some odd reason underneath the flash files, again for some odd reason you just need to state a background colour like the example below - no idea why but it works

example here - forgive me this site is not yet live and I haven't done the ad yet :-)

http:www.bluepanda.co.uk/index_tester.html



Hope this helps - I have only tested it on mac - safari, firefox and pc - firefox and IE but seems to work on all

Cheers
Steve
Reply | Quote
Babu Natesan - Peel banners blocked my site URLs   2009-12-09 08:18:31
Gravatar image Hi ,

I am Babu from India Chennai, I have my personal site from free web hosting plans, last week added peel banner, its look good and working fine

But, the peel banners blocking my urls....! in firefox!. In the IE its pop up the text click here to active the control.....!

Please give the solution for this. and please visit my site both the browsers

http://babupearl.dad.com
Reply | Quote
AncientOutlaw   2009-12-17 18:24:02
Gravatar image Ok ... dealing with a couple of things here ... Works in IE but my images dont show .... Images show in Firefox ... but dosent work ... any help would be greatly appreciated :s
Reply | Quote
Global Travel International   2009-12-18 23:15:15
Gravatar image :D PERFECT tutorial... thanks for the post!
Reply | Quote
AncientOutlaw   2009-12-21 22:34:11
Gravatar image Ok ... i have it working in every browser but firefox =( PLEASE HELP!!
Reply | Quote
bob - window size?   2010-01-14 22:05:46
Gravatar image is there a way to change the size of the window it opens too?
Reply | Quote
InnerDaemon - Great!   2010-01-21 14:14:02
Gravatar image A great little script that does exactly what it says on the tin.

I had a minor issue with IE not displaying the peel but moving the script code into the body tag from the head resolved the issue.
Reply | Quote
Kartik - Issues with IE 8   2010-01-31 06:44:31
Gravatar image Although script is great and works fine with almost all browsers.. but it does not good enough on Internet Explore 8 :(
Reply | Quote
chris - solar   2010-02-24 07:49:00
Gravatar image I tried this script on this site but only got a blank image http://20to50off.net/quicktestimage/qt.html can somebody help me on wht i did wrong
Reply | Quote
theocas.net - theocas.net   2010-03-06 02:36:07
Gravatar image This works like a charm!

theocas.net
Reply | Quote
Abbas Ali Butt - Great Article   2010-03-11 09:18:24
Gravatar image It's really great work :)
Reply | Quote
Seo Persian - Wow..........   2010-03-14 12:05:58
Gravatar image hey boy,I searched for it a lot and now I find it,thanks mate
Reply | Quote
Seo Persian - thanks   2010-03-14 12:07:37
Gravatar image hey boy,I searched for it a lot and now I find it,thanks mate :D
Reply | Quote
Jemster - Issue   2010-04-09 20:04:50
Gravatar image Heya, I done all the Steps, but when i went to the step about yourdomain/peel/ I didnt get it. When i eneterd that in it just kept going to the hompage. Do you mean upload it on a post?... :confused:

-Jemster
Reply | Quote
Nick - Info Flash Source   2010-04-09 22:02:22
Gravatar image hi i would like to ask you something. I tried to modify the flash source (large.fla) and change the target .The problem is that we can not see the glass effect over the page peel. The produce large.swf seems to be incorrect.I have downloaded the swf file from above, and it's working correct.

:?:

thanks
Reply | Quote
bluealien - Small Flash shoure is corupted   2010-04-13 23:29:07
Gravatar image Any help on the small.fla, it doesnt export out correctly..
Reply | Quote
Jonathan - Animated Gif instead of small.jog   2010-05-04 16:58:27
Gravatar image I got this to work perfectly right out of the box. Thank you!!

Question - is it possible to swap the small.jpg for an animated gif? I have tried and it doesn't seem to want to animate.

Thanks!
Reply | Quote
Béatrice - Corner up on the left   2010-05-06 13:30:58
Gravatar image Hi,
does an inverted version of the large and small SWF file (-90°) exist so I can place the corner up on the left ?
Right now, here is the result : http://www.surlapla.net/peel/
By advance thank you all for your help.
Kind regards, Béatrice.
Reply | Quote
Ade Ball   2010-06-11 20:08:50
Gravatar image You can discover how to have your Corner Peel Ad in ANY corner you like and also how to have the target web page load in the same window at www.cornerpeel.net.

Hope this helps?!?!
Reply | Quote
Demoledo - Thanks   2010-05-11 15:57:19
Gravatar image Super Cool!
Thanks a lot.
Reply | Quote
BlueAlien - Small FLA file   2010-05-19 17:24:21
Gravatar image Again Im askling, can anyone export the small.fla and still have it work?

Thanks for the help.
Reply | Quote
Brewster   2010-06-26 21:43:54
Gravatar image Works great! Set up folders as instructed, changed large.jpg to the message I want to use, directed to another site, and it works without any problems. Thank you!
Reply | Quote
Brewster   2010-06-28 15:41:26
Gravatar image Must add that I did have an issue with it not displaying in IE. Placing the script, as noted several times on this page, at the bottom of webpage (right before /body) will fix the IE problem. Or should I say - it did for me. Thanks again for everyone's valuable input and resources. :)
Reply | Quote
Emily - IE8   2010-06-30 23:09:50
Gravatar image I used this code on my website and it looks great in Safari and Firefox, but isn't working in IE8. I noticed similar posts in this forum regarding the same issue. I looked at this page on IE8 and the peel works fine. Am I missing something? Is there some sort of line I need to add or subtract in order for it to work in all browsers?

Please help.

Thanks again for the code!
Emily
Reply | Quote
sanjay - image doesnt change   2010-07-02 02:30:23
Gravatar image hi! how can i change the image?i tried to put a new image and apply it to a path but still my image wont display,any help please?
email me: skhemlani_41@yahoo.com

thanks man!
Reply | Quote
Jeeva - Can't open the FLA   2010-07-02 06:49:01
Gravatar image Large.fla and small.fla can not open with Flash Mx
Reply | Quote
Plantation Shutter Specialist - IE Tip   2010-07-18 19:18:21
Gravatar image Thanks so much, this worked perfectly for me straight away even on an asp.net site, at http://www.londonblinds.co.uk :)

Just one tip for new users; be sure to place the javascript code into the BODY of the page, since IE seems to struggle with it being in the HEAD.

Chrome, FF etc all work fine in either Head or Body.

Thanks again!
Reply | Quote
IE   2010-07-21 00:16:12
Gravatar image same problem with me as Emily - IE8..

peel is not working in my IE. Please anybody can help.
Reply | Quote
Emily - IE Tip   2010-08-16 23:32:23
Gravatar image I found that if you enter :



right after the then it works perfectly in Safari, IE, and FF.
Reply | Quote
Emily - IE TIp   2010-08-16 23:35:51
Gravatar image Apparently that line of code didn't translate.. let me enter it in again..

If you enter in the script code AFTER the Body tag instead of BEFORE the body tag then it works perfectly in IE8, Safari, FF and Chrome.
Reply | Quote
Alex - Transparent fold   2010-08-28 16:30:17
Gravatar image Great script, but it's amazing that after reading every single comment, no-one has managed to figure out the 'transparent fold' error after compiling the large.fla to swf.
This basically means there's no point even having the source code at the moment.
I will make certain that if I figure it out, I'll come back and post the solution.
Thanks!
Reply | Quote
Alex - alpha reflection   2010-08-28 19:56:35
Gravatar image Ooops, I realise now that 'Rusty' had fixed the transparency issue... now I am wondering how to modify the alpha/brightness of the reflected image. It's very difficult to decipher this .fla... I can't even find where the image is being rotated/flipped.
Reply | Quote
Jon - Good Stuff   2010-09-02 15:27:55
Gravatar image Thanks Champ, works 'out of the tin', easy to configure.
I've changed the image to reflect the page I'm using it with and had no problems other than pathing the JS script which didn't take too long to figure out.
Reply | Quote
Read more...
Name:
Email:
  Gravatar enabled.
Website:
Title:
UBBCode:
[b] [i] [u] [url] [quote] [code] [img] 
 
 
:angry::0:confused::cheer:B):evil::silly::dry::lol::kiss::D:pinch:
:(:shock::X:side::):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
 
Unsubscribe from e-mail notifications.
 
< Prev   Next >
[ Back ]
Subscribe

About 5304 others will follow everything on Marcofolio.net.