The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
jQuery Footer Caption
Description
jQuery Footer Caption add a footer caption on an image, div box or other any DOM element. You can set some options for use a custom text too.
Usage
You can download source Javascript file from this repository:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3")</script>
<!-- load latest version of jquery footer caption -->
<script type="text/javascript" src="http://undolibrary.googlecode.com/svn/trunk/jquery/jquery.footercaption/jquery.footercaption.js"></script>When the DOM page is loaded, you can call footerCaption() method.
<script type="text/javascript">
google.setOnLoadCallback(
function() {
$('img').footerCaption();
}
);
</script>Options
You can set some options like object param in the footerCaption() method.
* @option height Caption height (default 32px)
* @option alpha Caption alpha opacity (default 0.7)
* @option bgcolor Caption background color (default #000)
* @option color Caption font color (default #fff)
* @option font Caption font family name (default Verdana)
* @option fontSize Caption font size (default 10px)
* @option text Custom text. If setting title and alt are ignored (default '')Sample
$('div#provadiv').footerCaption({bgcolor: '#f90', color:'#222'});
$('img#myid').footerCaption({ bgcolor: '#eee', color: '#000', text: 'Custom caption <a href="#">click here</a>' });