[jQuery] Please examine my code or tell me why it may not be working.
I downloaded the jquery cycle plugin from http://malsup.com/jquery/cycle/
and renamed it jquerycycle.js. I made minor changes to the images but
kept everything else pretty much in tact. I didn't touch the
javascript file except for renaming it and it is not working. HELP!
I have an external style sheet style.css as follows:
.pics{
height: 430px;
width: 287px;
padding: 0;
margin: 0;
}
.pics img {
padding: 15px;
border: 1px solid Black;
background-color: #A52A2A;
width: 425px;
height: 282px;
top: 0;
left: 0;
}
This is the html file:
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquerycycle.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.pics').cycle({
fx: 'scrollRight',
click: '#scooterpromo',
speed: 600,
timeout: 0,
easing: 'backinout'
});
});
</script>
</
head>
<body>
<div id="scooterpromo" class="pics">
<img src="cautionsavegas.jpg" width="425" height="282" />
<img src="lancepowerscootersline.jpg" width="425"
height="282" />
</div>
</body>
</html>