PonyPet



To get started, this file will need to be referenced somewhere on the website.

<script src="ponyPet/ponyPet.js"></script>    
<span data-ponypet></span>

You can click on her eyes, nose, mouth, or anywhere else to change her state.
Use the data-ponypet-path attribute to navigate to the ponyPet folder where all the images are located.

<span data-ponypet data-ponypet-path="ponyPet/../ponyPet"></span>
<span data-ponypet data-ponypet-path="http://i.imgur.com"></span>

Use the data-ponypet-width and data-ponypet-height attributes to change the width and height.

<span data-ponypet data-ponypet-width="300" data-ponypet-height="300"></span>

Use the data-ponypet-timeout-min and data-ponypet-timeout-max attributes to change the duration between automatically changing state.
Set data-ponypet-timeout-max to 0 to disable this effect.

<span data-ponypet data-ponypet-timeout-min="1000" data-ponypet-timeout-max="1500"></span>
<span data-ponypet data-ponypet-timeout-max="0"></span>

Source code at https://github.com/MrOnosa/PonyPet