jQuery Catfish Advert Plugin

Introduction

The jQuery Catfish Plugin allows you to display Catfish adverts with one simple function call.

Catfish adverts are adverts that appear in a seperate section to the content on a page. They attract the attention of the eye very easily when they slide in. As well as adverts you can place any other sort of content possible in there. Anything that can go in a DIV can be used. Normally you have to apply many CSS hacks to make it work in all browsers (IE is the problem) but this is only 1 function call and the work is done. Makes life so much easier.

There are also a few options you can set to customise how the Catfish will show up.

As for the name it’s something I got off the original inventer, Sitepoint. It means “creature that sucks the bottom”

Demo

If you havent noticed it by now then maybe its not that good at its job but its the massive bars thats running along the bottom with an advert in it.

If you missed the animation you can reload and see it again.

I hope to have a nicer demo up soon but untill now this will have to do.

Download

Latest Version

Version 1.3 - Download .zip

News

  1. Version 1.3 Released

    16
    Jan 2007

    I got many comments about the plugin now fully working with IE6 so I’ve made a new version. The script is now tested to work with IE6 and again uses a different method to get it working, this time conditional comments, which work very well. There is some jitter when scrolling in IE6 but theres nothing I can do about this. Enjoy the updated script, now packaged in a nice easy to download zip file with an example site.

  2. Version 1.2 Released

    30
    Dec 2006

    This is version 1.2 of the jQuery catfish plugin and there’s only one changes that happened. The script now handles Internet Explorer 6 in a different way. It no longer creats a wrapper around the rest of the content, which was throwing different things out and making this look ugly. It now uses some simple CSS hacks to make it work. Its cleaner code and there’s slightly less of it as well. The call hasn’t changed so all you need to do is change the catfish javascript code.

  3. Version 1.1 Released

    7
    Sep 2006

    I’ve released version 1.1 of the catfish plugin today. It currently doesnt do much apart from work and has no fancy features at all. All of the CSS hacks that Sitepoint suggest you use to make it work fully are done automaticaly and only a small chunk of code in needed. You don’t even need to write any CSS to make it work, although it won’t look too good if you dont.

You can trackback to this page, or leave a comment bellow

Comments

  1. Version 1.2 Released

    This is version 1.2 of the jQuery catfish plugin and there’s only one changes that happened. The script now handles Internet Explorer 6 in a different way. It no longer creats a wrapper around the rest of the content, which was throwing different things out and making this look ugly. It now uses some simple CSS hacks to make it work. Its cleaner code and there’s slightly less of it as well. The call hasn’t changed so all you need to do is change the catfish javascript code.

      Posted by Matt Oakes on December 30th, 2006 at 5:25 pm  
  2. Version 1.3 Released

    I got many comments about the plugin now fully working with IE6 so I’ve made a new version. The script is now tested to work with IE6 and again uses a different method to get it working, this time conditional comments, which work very well. There is some jitter when scrolling in IE6 but theres nothing I can do about this. Enjoy the updated script, now packaged in a nice easy to download zip file with an example site. I’ve also made the script compatible with the jQuery 1.1 plugin rules for good measure.

      Posted by Matt Oakes on January 16th, 2007 at 3:49 pm  
  3. Kudos to you for getting it going again. I’ve been crossing my fingers, and checking back often. I’m very glad to see your work paid off.

    Loving the catfish!

      Posted by Jack on January 23rd, 2007 at 3:23 pm  
  4. Thanks jack, glad you like it! :D

      Posted by Matt Oakes on January 23rd, 2007 at 5:53 pm  
  5. Gravatar

    Dominik H...

    Thank you, nice work!

    One thing though: Is it possible to include a cookie managment so that users only see that advert once every X days or something?

      Posted by Dominik Hahn on January 24th, 2007 at 4:34 am  
  6. It would be possible and easy enough to do. However I dont think I’ll include this in the plugin just yet. However you can add it by checking for a cookie, and only making the catfish apear if the cookie is in date. So you’d simply wrap some form of an IF around the catfish call, and only run it if the user hasnt seen it in the last few days.

      Posted by Matt Oakes on January 24th, 2007 at 11:58 am  

Post A Comment

Name
Email
Website
Comment
Catfish

'It Came From The Deep...'

'...With Only One Simple Call'

More Information Close