Help with Jquery and Header.php for Wordpress...

Help with Jquery and Header.php for Wordpress...

Hello, 

I've been developing a wordpress photoblog on the Grace theme. 
It has this feature (using jquery cycle plugin)


Create a “Featured” Category

The rotating gallery on the Grace homepage displays only the images that have been assigned to a category called “Featured”. But, rather obviously, before it can do that you need to create the “Featured” category.

To do this:

  1. Log in to your WordPress Dashboard.
  2. Click Post to expand the Post Menu then click the Categories link.
  3. Enter Featured into the Category Name field. It’s not necessary to complete the other fields on the Add Category page but you can if you want.
  4. Click the Add Category button.

That’s it! Now whenever you assign a photo to the Featured category it will automatically be displayed in the rotating gallery on the home page. 


Even though i've done what i'm supposed to do. I still do not get a rotating gallery. i've updated the jquery and jquery cycle files on the header.php page to be up to date but still nothing. 


here's the code : 

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

  5. <head profile="http://gmpg.org/xfn/11">
  6. <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

  8. <title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>

  10. <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
  11. <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
  12. <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
  13. <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

  15. <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/jquery-1.4.2.js"></script> 
  16. <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/chili-1.7.pack.js"></script> 
  17. <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/jquery.cycle.all.min.js"></script> 
  18. <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/jquery.easing.1.2.js"></script> 
  19. <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/grace-fade.js">

  21. <?php $theme_options = get_option('Grace'); ?>


  24. <?php if ( !is_single() ) : ?> 

  26. <?php if (!isset($theme_options["galleryspeed"]) || $theme_options["galleryspeed"] == "default") { $speed = 4000; } else if (!isset($theme_options["galleryspeed"]) || $theme_options["galleryspeed"] == "fast") { $speed = 2000; } else if (!isset($theme_options["galleryspeed"]) || $theme_options["galleryspeed"] == "slow") { $speed = 8000; } ?>
  27.  
  28. <script type="text/javascript"> 
  29.  
  30. $(function() {
  31.     $('#feature').cycle({
  32.         speed:       1000,
  33.         timeout:     <?php echo $speed; ?>
  34.     });
  35. });
  36.  
  37. </script> 



  41. <?php endif; ?>

  43. <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
  44. <?php wp_head(); ?>
  45. </head>
  46. <body>

  48. <div id="header"> <!-- header -->
  49.   <div id="logo">
  50.     
  51. <a href="<?php echo get_option('home'); ?>/" title="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/header.png" /></a>  
  54.   </div>


  57. </div>
  58.  
  59. <!-- header -->

  61. <div id="page"> <!-- page -->
  62.   
  63.   <div id="content">  <!-- content -->
  64.  


Any obvious reasons why this doesn't work...