Urgent Help with Jquery Slide Show
I have spent the last 52 hours on and off trying to figure this out. I want to display a sideshow on my website and below is the code I used. I uploaded the code and it show a blank page. The following are the .js files I also uploaded on the server:
jquery-1.2.6.min.js
jquery-1.3.js
jquery.cycle.all.js
jquery.cycle.all.min.js
jquery.cycle.js
jquery.cycle.lite.js
jquery.galleryview-3.0.js
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JQuery Cycle Plugin Sample/title>
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">/script>
<script type="text/javascript" src="public_html/jquery.cycle.all.js">/script>
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slideshows').cycle({
fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, cover, etc...
speed: 200,
timeout: 3000
});
});
</script>
</head>
<body>
<div id="slideshows">
<img src="http://i1190.photobucket.com/albums/z448/allcargos/Screenshot2011-04-15at83915PM.png" />
<img src="http://i1190.photobucket.com/albums/z448/allcargos/Screenshot2011-04-15at83832PM.png" />
<img src="http://i1190.photobucket.com/albums/z448/allcargos/Screenshot2011-04-15at90719PM.png" />
<img src="http://i1190.photobucket.com/albums/z448/allcargos/Screenshot2011-04-15at84130PM.png" />
<img src="http://i1190.photobucket.com/albums/z448/allcargos/Screenshot2011-04-15at83631PM.png" />
</div>
</body>
</html>