[jQuery] trouble with jquery cycle plugin

[jQuery] trouble with jquery cycle plugin


Ive been having problems with jquery cycle working and all the images
just display all at once one after the other.
here is the relevent html
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <script type='text/javascript' src="js/jquery-1.2.6.js"></script>
    <script type='text/javascript' src="js/jquery.cycle.all.js"></script>
    <script type='text/javascript'>
        $('.pics').cycle({
             fx: 'fade',
             speed: 2500
            });
    </script>
</head>
<body>
<div class="pics">
<img src="images/1.png" alt="1"/>
<img src="images/2.png" alt="2"/>
<img src="images/3.png" alt="3"/>
</div>
and the css
.pics {
height: 232px;
width: 232px;
padding: 0;
margin: 0;
}
.pics img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
width: 200px;
height: 200px;
top: 0;
left: 0;
display:block;
}
can any one point me in the right direction