gistfile1.htm

<input type='button' value='Flip Vertical' onclick="demov();" />
<input type='button' value='Flip Horizontal' onclick="demoh();" /> <br/>
<img id='demoimage' 
src="http://interactive.finelight.com/blog/wp-content/uploads/2009/10/funny-cartoon.jpg" 
alt="funny-cartoon" title="funny-cartoon" width="184" height="200" 
class="alignnone size-medium wp-image-595" />

<script src='http://pixastic.com/lib/git/pixastic/pixastic.core.js'></script>
<script src='http://pixastic.com/lib/git/pixastic/actions/flipv.js'></script>
<script src='http://pixastic.com/lib/git/pixastic/actions/fliph.js'></script>
<script type='text/javascript'>
function demov(){
    Pixastic.process(document.getElementById('demoimage'), "flipv");
}
function demoh(){
   Pixastic.process(document.getElementById('demoimage'), "fliph");
}
</script>