Also what about the sources I use at the top are they correct ? I would be greatful if someone could explain the steps to me.
This was the 2nd tutorial
<!DOCTYPE html>
<html>
<head>
<title>JQuery test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"</script>
<script src="http://cdn.wideskyhosting.com/js/jquery.cycle.js"></script>
<script>
$ ("document").ready(function(){
$("#slideshow").cycle()
} )
</script>
<style>
#slideshow {width: 470px; height: 354px} <!--set images to same size-->
</style>
</head>
<body>
<div id="slideshow">
<img src="hull1.jpg" alt="hull photo">
<img src="hullmap.jpg" alt="hull map">
<img src="kinged.jpg" alt="king ed st">
</div>
</body>
</html>
and this was the first. On both occasions the images stack up on top of each other with no fade !