Pinkify

A jQuery plugin to add simple animations with sound on any event.

Getting started

You need to have an image you want to use, and know its dimensions:

$('body').pinkify({
  'imageUrl'    : 'http://railslove.com/assets/pinkie_parasprite_polka_by_fluttershylover.gif',
  'imageWidth'  : 106,
  'imageHeight' : 126,
});

Firing on events

Since this plugin works on all elements, you need to fire it up manually after a desired action, for example, after a user clicked on an element:

$('a').bind('click', function(){
  $(this).pinkify({
   // your options passed on
  });
});

All available options

  $(element).pinkify( {
    'animation'   : {
      'direction' : 'left', // for now it onl;y responds to 'left' and 'right'
      'duration'  : 0.2 // duration in seconds in which one image is moving
    },
    'imageUrl'    : 'pinkie_parasprite_polka_by_fluttershylover.gif',
    'imageWidth'  : 106,
    'imageHeight' : 126,
    'audioAttr'   : {
      /* attributes for audio tag */
      // 'autoplay' : 'autoplay',
      // 'loop'     : 'true'
    },
    'aAttr'       : {
      'href'   : 'http://www.youtube.com/watch?v=6UXGEbaP5Ug&list=PL7BFEA256F3B8B0DF&index=5',
      'target' : '_blank'
    },
    'audioFiles'  : [
      /* links to audio files used as source */
      // 'http://dl.dropbox.com/u/23165202/Pinkies%20Parasprite%20Polka%20%5BKeep-Mp3.com%5D.ogg',
      // 'http://dl.dropbox.com/u/23165202/Pinkies%20Parasprite%20Polka%20%5BKeep-Mp3.com%5D.mp3'
    ],
    'click' : function () {
      $(this).pinkify('destroy');
    }
  });

License

----------------------------------------------------------------------------
"THE BEER-WARE LICENSE":
Mike Połtyn wrote this sotware. As long as you retain this notice you
can do whatever you want with this stuff. If we meet some day, and you think
this stuff is worth it, you can buy me a beer in return
----------------------------------------------------------------------------