Forums

bazzablue

In a site I am building I am trying to include a javascript picture fade in/out effect using jquery. The script is from here: http://malsup.com/jquery/cycle/lite/.

I have successfully implemented it on a testing page http://www.bazzasblog.co.uk/ but I can't get it to work on the actual site: http://www.dolphinschool.org.uk/test/.

As you will see I am using Wordpress on the site. I have followed online tutorials (http://diggingintowordpress.com/2009/06/including-jquery-in-wordpress-the-right-way/) about using jquery in wordpress but I am obviously doing something wrong.

Any help you can give a complete javascript/jquery newbie would be most appreciated.

apostrophe

According to firebug's javascript debugger "$ is not a function". So you have a conflict going on with another javascript library in Wordpress.
Try changing it to this:

 jQuery(function() {
      jQuery('#slideshow1').cycle();

      function onBefore() {
           jQuery('#title').html(this.alt);
      }
 });

bazzablue

Thanks for the repsonse. That was one of the things that I read on the web and had tried changing but to no effect.

Another poster on a different forum told me to call my Javascript file and my images with this: <?php bloginfo('template_directory'); ?>/js/jquery.cycle.lite.js

It is now all working.

JoshWhiteDesign

that's good to know and I need to play around with that. Personally I've had a really difficult time getting jQuery to work in wordpress properly. I finally got my homepage slider to work, but it took a while. Maybe my problem is similar :)

treehouse : what would you like to learn today?

Forums

Javascript and Wordpress problem