Malsup Cycyle - cant get it to start
Hi,
I'm sort-of new to Jquery, but have successfully implemented plugins in the past. I'm currently building a site with Wordpress, and as this is one of my first ventures into PHP i've been modifying an existing theme. I'm trying to use the Malsup Cycle plugin to create a cycling banner at the top of my site, but no matter what I do I can't get it to cycle.
Here's the site (a work in progress)
and here's the relevant code from my header.php file
- <?php if ( is_single() ) wp_enqueue_script( 'comment-reply' ); ?>
- <?php wp_enqueue_script("jquery"); ?>
- <?php wp_head(); ?>
- <script type="text/javascript">
- // loopedSlider for image gallery
- jQuery(window).load(function(){
- jQuery("#loopedSlider").loopedSlider({
- <?php
- $autoStart = 0;
- $slidespeed = 600;
- $containerClick = "false";
-
- if ( get_option("woo_slider_auto") == "true" )
- $autoStart = get_option("woo_slider_interval") * 1000;
- else
- $autoStart = 0;
-
- if ( get_option("woo_slider_speed") <> "" )
- $slidespeed = get_option("woo_slider_speed") * 1000;
- if ( get_option("woo_slider_click") == "true" )
- $containerClick = "true";
- ?>
- autoStart: <?php echo $autoStart; ?>,
- slidespeed: <?php echo $slidespeed; ?>,
- containerClick: <?php echo $containerClick; ?>,
- autoHeight: true
- });
- });
- </script>
- <script type="text/javascript" src="<?php bloginfo("template_directory"); ?>/includes/js/jquery.cycle.lite.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $('#slideshow').cycle({
-
- });
- });
- </script>
- </head>
- <body>
- <div id="wrap">
- <div id="top" class="content">
-
- <div id="header">
- <div id="slideshow">
- <img src="http://www.picturesmusic.co.uk/wordpress/wp-content/themes/object/bannerimg/ban01.jpg" class="first"/>
- <img src="http://www.picturesmusic.co.uk/wordpress/wp-content/themes/object/bannerimg/ban02.jpg"/>
- </div>
Can anyone point me in the right direction?
Thanks