jQuery Plugin - Page Peel

I’ve updated things and released a NEW VERSION of jQuery Page Peel. go there

I decided to create my first jQuery plugin the other day when implementing a page peel ad on our companies website. Feel free to download and use it, tell me what you think, and post back anything you might want added in the future.

To view the Page Peel plugin in action, click here.

To download the Page Peel plugin, click here. (includes sample file)

Please feel free to leave a post if you have any questions or requests for future functionality. I hope to keep growing this plugin so it encompasses every possible attribute.

Here’s a screenshot of what the plugin accomplishes:

Normal State:
jQuery Plugin Page Peel Normal State
Over State:
jQuery Plugin Page Peel Over State

Category: Blog, Tutorials and Lesssons | Tags: ,

30 Responses to “jQuery Plugin - Page Peel”

  1. Ergonomie Web » Blog Archive » Pubs et banner ads _ une expérimentation intéressante - January 6th, 2009 at 5:15 pm

    [...] le billet de référence. Tags: ads, publicité Comment (RSS) [...]
  2. ZoiXLand - January 9th, 2009 at 3:28 pm

    In Linux don’t work it. I’m using Firefox and Ubuntu. :(

  3. admin - January 9th, 2009 at 11:49 pm

    I don’t have a Linux machine to test it on. Does basic jQuery and Flash work on Linux boxes?
  4. Page Peel Effect - jQuery Plugin - January 10th, 2009 at 4:46 am

    [...] Page Peel - a jQuery Plugin script to implement a page peel effect in your website. Handy  to place ads on your site or to link to some important news, discount offers, … [...]
  5. kekub - January 10th, 2009 at 8:52 am

    Works on my Ubuntu Linux
    (Firefox 3, original Flash Plugin)
    but laggs a little, like all the other flash-apps do!
  6. Paul Irish - January 11th, 2009 at 1:45 am

    Busted in FF3 on OS X, too. Looks fine in safari.

    More importantly, it looks as if you’re building off the work of a previous author without abiding by his license..
    Am I wrong?
  7. Efecto Page Peel, incluye un banner original en tu web de forma gratuita - The n4gash, Blog sobre Diseño gráfico y web, programación, internet, posicionamiento web y SEO - January 11th, 2009 at 5:59 am

    [...] » Page Peel Effect en jQuery » Page Peel Effect con JavaScript, imágenes y flash » Otras alternativas de Page Peel Effect [...]
  8. admin - January 11th, 2009 at 11:30 am

    Wasn’t able to test in an OSX environment either. Any ideas as to why it would be different on OSX FF3 and PC FF3?
    As far as basing off the work of a previous author, you mean several previous authors, correct? This isn’t a new thing and has been done quite a few times quite a few different ways. I actually hadn’t even seen that website. Our company needed a solution for the page flip and after not finding a jQuery option, I created one. From scratch. Hopefully that’s not treading on anyone’s territory. I’m just trying to offer a jQuery solution with as many options as I can.
  9. Page Peel, Ecorner vos pages avec jQuery| Webmaster - Ressources et outils gratuits pour votre site internet - Free Tools| Free Tools, Le meilleur des outils gratuits pour webmaster - January 11th, 2009 at 8:38 pm

    [...] Page Peel est un petit plugin jQuery qui permet d’ajouter, dans le coin supérieur à droite de page Internet, un petit “retour de page” qui au passage de la souris s’étendra et laissera apparaitre une publicité ou tout autre message. [...]
  10. KRUZ-GRAPHIX | 思わずページをぺラっとめくってしまうjQuery のプラグイン「Page Peel」 - January 12th, 2009 at 5:32 am

    [...] Simple. Mutlimedia. [...]
  11. - Jquery - Effet page cornée Astuces de Webmaster - January 12th, 2009 at 6:51 am

    [...] sur Free Tools, effet de page cornée très efficace : http://smple.com/2008/12/15/jquery-plugin-page-peel/ Aperçu ici : http://www.smple.com/pagePeel [...]
  12. Hip Hop Makers - January 12th, 2009 at 5:12 pm

    great item. thanks a lot.
  13. links for 2009-01-13 « sySolution - January 13th, 2009 at 10:00 am

    [...] Smple. Mutlimedia. | jQuery Plugin Page Peel Effect | Smple (tags: jquery pagepeel) [...]
  14. Bookmark: 50+ stunning jQuery applications - January 15th, 2009 at 2:27 pm

    [...] jQuery Plugin - Page Peel – smple.com [...]
  15. Jason W - January 22nd, 2009 at 2:07 pm

    I dont have Linux or MacOS either, but could it be your use of embed that might be causing an issue? Embed is somewhat deprecated in favor of object. Just a thought.
  16. Becca - January 22nd, 2009 at 7:04 pm

    Great post, thanks!
  17. jQuery Developer - January 26th, 2009 at 9:34 pm

    broken on pc firefox 3.0.5
  18. admin - January 27th, 2009 at 8:46 am

    I hate to ask this, but do you have Flash Player installed? I’m on PC, both XP and Vista with FF 3.0.5 and it works…
  19. Hasan Tayyar BEŞİK - January 29th, 2009 at 5:31 am

    Demo gets error with FF3
    here output:

    “Error: $ is not defined
    http://www.smple.com/pagePeel/
    Line: 15″

    maybe jquery can’t be loaded properly !
  20. admin - January 29th, 2009 at 3:59 pm

    Hmm… just looked at it and I’m not throwing any errors. FF3.0.5
  21. Data2max.com » 10+ muy interesantes y útiles plugins jQuery - January 29th, 2009 at 11:24 pm

    [...] Page Peel [...]
  22. links for 2009-01-30 « Minesa IT - January 30th, 2009 at 3:01 pm

    [...] Smple. Mutlimedia. | jQuery Plugin Page Peel Effect | Smple (tags: page javascript ui plugin ajax jquery flash effects page-peel pagepeel) [...]
  23. ewwerwr - February 12th, 2009 at 8:08 pm

    just use trans flash
  24. Top 50 Ajax Tools, Scripts & Solutions that will rock your world. | TheGermz.com - February 19th, 2009 at 6:21 am

    [...] Page Peel- Easily add non intrusive ads in your website. [...]
  25. sp - March 2nd, 2009 at 2:26 pm

    testing website
  26. admin - March 2nd, 2009 at 3:45 pm

    Consider it passed.
  27. Page Peel jQuery plugin (efecto visual en la esquina de tu web) « El Blog de Mario Colque - March 27th, 2009 at 3:11 pm

    [...] plugin (efecto visual en la esquina de tu web) Publicado el Marzo 27, 2009 por mariocolque Page Peel jQuery plugin te permite agregar un efecto visual-creativo en la esquina de tu sitio web con el fin de mostrar un [...]
  28. Jeevan - April 29th, 2009 at 1:26 pm

    Thanks for the share. Can I add video feed as an ad to this too? Thanks
  29. admin - April 29th, 2009 at 1:32 pm

    Sure can, just open the .fla and edit it to suite your needs.
  30. yundoko - April 30th, 2009 at 1:29 am

    thanks for all. can i use it, when i clicked any button on my html, may page peel effect is execute?, thanks