Saturday, September 27, 2014

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]
© 2014 Copyright www.cssrule.com All Rights Reserved'>  

Post a Comment

Note: Only a member of this blog may post a comment.