Hi, love the Thematic framework and I'm currently skinning a site where there is a promo box at the top which shows 5 images continually rotating.
Now jFlow allows me to do this and I can get it working as a local HTML file on my development machine so I know it works. However when I try to add it to my child theme using functions.php I get problems.
Firebug tells me this:
jQuery("#myController").jFlow is not a function
Can anyone help I'm guessing it is to do with a JavaScript conflict but I'm stuck so here is my code. Help me Obi Wan you're my only hope!
function childtheme_add_js() { ?>
<script type="javascript" src="js/jflow.plus.js"></script>
<script language="javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("#myController").jFlow({
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlider", // must be id, use # sign
slides: "#mySlides", // the div where all your sliding divs are nested in
selectedWrapper: "jFlowSelected", // just pure text, no sign
width: "960px", // this is the width for the content-slider
height: "350px", // this is the height for the content-slider
duration: 400, // time in miliseconds to transition one slide
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext", // must be class, use . sign
auto: true // true or false
});
});
</script>
<?php }