jQuery (content slider) not working in WordPress template -
the problem
i've added jquery content slider (coda slider 2.0) wordpress template page breaks (only text "loading" appears).
demos
i've provided live examples here see code in action:
broken slider | working slider
what i've tried
i've tried substituting dollar sign "jquery" in templates head no avail.
<!--slider--> <!-- begin stylesheets --> <!--<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/js/coda-slider/stylesheets/reset.css" type="text/css" media="screen" />--> <!--commented out because it's called previously.--> <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory') ?>/js/coda-slider/stylesheets/coda-slider-2.0.css" type="text/css" media="screen" /> <!-- end stylesheets --> <!-- begin javascript --> <!--<script type="text/javascript" src="<?php bloginfo('stylesheet_directory') ?>/js/coda-slider/javascripts/jquery-1.3.2.min.js"></script>--> <script type="text/javascript" src="<?php bloginfo('stylesheet_directory') ?>/js/coda-slider/jquery.easing.1.3.js"></script> <script type="text/javascript" src="<?php bloginfo('stylesheet_directory') ?>/js/coda-slider/javascripts/jquery.coda-slider-2.0.js"></script> <script type="text/javascript"> jquery().ready(function() { jquery('#coda-slider-1').codaslider( {autoslide: true, autoheight: false, autoslidestopwhenclicked: true, autoslideinterval:4000, dynamicarrows: false, dynamictabs: false} ); }); </script> <!-- end javascript -->
i appreciate help.
use firebug firefox, or in chrome or safari or ie8, use developer tools check js errors on demo doesn't work. right now, js easing library isn't loading because of 404.
Comments
Post a Comment