Cannot use any of the options except fx
I am trying the
cycle plugin and having problems getting any of the options to work, as soon as I put an option after the fx All the images are displayed.
I am using Windows XP and have tried the code on both IE and Firefox.
I tried several versions of jquery as well as several versions of the plugin without success.
Here is the code I am using
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Testing jQuery Cycle</title>
<style type="text/css">
.show {
height: 296px;
width: 511px;
}
.show img {
padding: 0px;
border: 1px solid #ccc;
background-color: #eee;
width: 500px;
height: 294px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.show').cycle({
fx: 'fade'
speed: 300, // defines the number of milliseconds it will take to transition from one slide to the next.
timeout: 400 // specifies how many milliseconds will elapse between the start of each transition
});
});
</script>
</head>
<body>
<div class="show">
<img src="images/show/show1.jpg" width="500" height="290" />
<img src="images/show/show2.jpg" width="500" height="290" />
<img src="images/show/show3.jpg" width="500" height="290" />
<img src="images/show/show4.jpg" width="500" height="290" />
<img src="images/show/show5.jpg" width="500" height="290" />
<img src="images/show/show6.jpg" width="500" height="290" />
</div>
</body>
</html>
What I am doing wrong?
Larion