Sunday, August 18, 2013

Image Captioning Tool Enhancements

There's a new version of the Image Captioning Tool, my jQuery plug-in. I've added capabilities to truncate a larger image and also play an MP3 audio when the user hovers over an image.


Move your mouse over the example image above to see how it works. To try it out on one of your images, see the Captioning Tool. Music by Coldplay.

For the example image shown, the captioning tool generates this code to call the plug-in:
<script type='text/javascript'>
$(window).load(function(){ $('#mybasinjpg').cssBakeryCaption({'opacity':'0.2','center':true,'centerCaption':true,'round':true,
'audioUrl':'MP3 URL','hide':true,'color':'white','height':'38','speed':1000,'bgcolor':'black'});  });
</script>
<img id='mybasinjpg' style='display:none;' src='IMAGE URL' 
alt='Early Evening [leaving dock & out on water]
© 2013 Copyright www.cssbakery.com All Rights Reserved'>  

Post a Comment