Wordpress - Problems setting up Nivo Slider without plugin - wordpress

Question

I'm trying to setup the Nivo Slider on my Wordpress site without a plugin and the images aren't loading. Here's a link to the page I'm working on - Test site
Can anyone see what the problem is please?
UPDATE:
I've got the exact same code running on a non wordpress site and everythings running ok so I'm wondering if wordpress is the problem.

Answer 1

There is a 404 not found for the images you are loading, check to make sure they actually exist where you are linking to.

Answer 2

I think it's because you're trying to initiate nivo using the $, which gives this error:
$ is not defined -
http://teamworksdesign.com/v2/
- Line 12
The two methods that I've used to get around this are:
Method 1: Add $j = jQuery.noConflict(); Then, in place of all $, use $j
Method 2:
Wrap your code in
jQuery(function($){
CODE GOES HERE
});

Answer 3

Instead of downloading the Nivo slider and manually putting it in I've used the Nivo slider light plugin instead. It's open enough to give you quite a bit of control.
It seems manually putting it in creates conflicts with wordpress.
All is working fine with the plugin.