Cycle Plugin failing to work...
Well, I'm sorry to be posting. I did a search for both the plugin and that it is not working, but could not find a solution on my own... I have everything installed, to my knowledge, correctly. .js files are in a /js/ folder along with the CSS file. Despite all of this, the images just sit there in a cascade down the page... Any help is appreciated :)
Here is what I have;
Browser: Firefox
JS Files
http://www.josieroetman.com/js
<HEAD> Tag
<link rel="stylesheet" type="text/css" media="screen" href="http://www.josieroetman.com/js/cycle.css" />
<script type="text/javascript" src="http://www.josieroetman.com/js/jquery-1.3.js"></script>
<script type="text/javascript" src="http://www.josieroetman.com/js/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#pics').cycle({
fx: 'fade',
pause: 1,
speed: 500,
timeout: 2000
});
});
</script>
<BODY> Tag
<div class="pics">
<img src="http://www.josieroetman.com/images/ad1.jpg" width="200" height="200" />
<img src="http://www.josieroetman.com/images/ad2.jpg" width="200" height="200" />
<img src="http://www.josieroetman.com/images/ad3.jpg" width="200" height="200" />
</div>