All I need to do is
- upload the plugin files to the server (done).
- add the following code into the Header areaHTML Code:
<!-- BEGIN VC added code for jQuery Cluetip plugin > <script src="http://vcopia.com/wp-content/plugins/cluetip/lib/jquery-1.3.2.js" type="text/javascript"></script> <script src="http://vcopia.com/wp-content/plugins/cluetip/lib/jquery.hoverIntent.js" type="text/javascript"></script> <!-- optional --> <script src="http://vcopia.com/wp-content/plugins/cluetip/jquery.cluetip.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('a.jt:eq(0)').cluetip({ cluetipClass: 'jtip', arrows: true, dropShadow: false, hoverIntent: false, sticky: true, mouseOutClose: true, closePosition: 'title', closeText: '<img src="/wp-content/plugins/cluetip/demo/cross.png" alt="close" />' }); }); </script> <link rel="stylesheet" href="/wp-content/plugins/cluetip/jquery.cluetip.css" type="text/css" /> <!-- End VC added code for jQuery Cluetip plugin >
- add code around the section I want the mouseover to work in the post / page.HTML Code:
<a class="jt" href="http://vcopia.com/wp-content/plugins/cluetip/demo/ajax6.htm" rel="http://vcopia.com/wp-content/plugins/cluetip/demo/ajax6.htm" title="jTip Style!">this is a test</a>
Unfortunately it isn't working. Here's where I put the Header code referenced above.
Initially, I added it to the theme's header.php file just below this line of code:
HTML Code:
<script type="text/javascript">DD_roundies.addRule('<?php echo $bfa_ata['pngfix_selectors']; ?>');</script>
HTML Code:
?>
Thoughts??