Welcome to pupitup!

This jQuery plugin will allow you to simply type "pupitup" anywhere within your selected element, it will then magically replace those words with a pup!!

You can view a list of all supported pups here

NOTICE: You must be hosting your application on a server for this plugin to work. (local or otherwise)

Example:

Simply create a <span> tag, and place pupitup within! Like this!

<span>pupitup</span>

Then in your jQuery..

$('span').pupitup();

The Result:
pupitup

There are also options you can pass it, such as te breed of the pup you would like to see! Let's go ahead and try a pug!

<p id="pug">pupitup</p>
$('#pug').pupitup({pupType:"pug"});

The Result:

pupitup

By default it will set the height and width of the image to 200px, we can change that as well!

<p id="boxer">pupitup</p>
$('#pug').pupitup({pupType:"pug", pupWidth:"300px", pupHeight:"400px"});

The Result:

pupitup

We can also add a border to our pup!

<p id="bulldog">pupitup</p>
$('#bulldog').pupitup({pupType:"bulldog", pupBorder:"5px solid red"});

The Result:

pupitup