Home PHP and MySQL CodeCode PoetryPoetry Articles I've writtenArticles My ResumeResume PicturesPictures Left Circle StoriesCircle Blog Circle TreoPix
Me
Cal Evans . Com - The life, love, code, and bad poetry of Cal Evans.
Latest Additions:

FATtER.js


Current Version 2.1
Copyright 2006 Cal Evans
License GPL 2.0
Download the JavaScript
Download the Wordpress plugin.


Standing on the shoulders of those who came before me I have released my first JavaScript library, FATtER. The original FAT gave the user the ability to fade the background from anything to anything. FATtER extends that by including both the foreground color and the background color as well as allowing for loops.

In addition to new functionality, I changed some of the underlying concepts that the original was built on. Not sure if it's for better or for worse yet but they are different in a couple of key points. Not to say that the original was wrong in any way but I hope that I have improved upon it a little.

A sample page of ways this can be abused to annoy people can be found here.

To use FATtER in your own pages:

For Web Pages

1: Save the script to your server.
2: Put a script tag in your page loading FATtER i.e.
<script src="/javascript/fatter2.js"></script>
3: Place a <span> tag around the text to fade. make sure it has a unique ID (the value of the id does not matter as long as it is unique on the page) and for the class put "fade"

i.e.
<span id="8" class="fade">This is the traditional FYT.</span>

That should produce the traditional Fade Yellow Technique so popular these days.

Additional examples are in the code.

For WordPress blogs

  1. Download and uncompress the plugin. This will create a blogbling directory with all the files needed for the plugin.
  2. Upload the blogbling directory to your blog's plugins directory. The final destination on most systems should be /wp-content/plugins/.
  3. Go to the Wordpress Admin Plugin menu. If installed correctly, you should see the deactivated plugin ready to activate. Activate the plugin
  4. Go to the Options->FATtER page and make sure the values are correct. Pay special attention to the URL of the script. if this is incorrect, nothing else will work.
  5. Place a <span> tag around the text to fade. make sure it has a unique ID (the value of the id does not matter as long as it is unique on the page) and for the class put "fade"
i.e.
<span id="8" class="fade">This is the traditional FYT.</span>

That should produce the traditional Fade Yellow Technique so popular these days.

Additional examples of fade tags can be found here.

I hope you enjoy it, I hope it's useful to you.

Another quality BlogBling plugin

Spacer
gunther logo  Last modified: Tue, 7 March 2006 (09:25:29 AM)