I am trying to create this slideshow for my website but i really need to figure out the resto fo the codes. I am a beginner and I dont have much of a clue what I am doing. If you could please help me by filling in the blanks or taking out the unnecessary things, that would be greatly appreciated. Here is what i have:
<html xmlns="/http://www.thompsonpoolsinc.com">
<head>
<title> Concert Ads </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
//<![cdata[
var images = new Array(5);
images[0] = new Image();
images[1] = new Image();
images[2] = new Image();
images[3] = new Image();
images[4] = new Image();
images[0].src ="/uploads/cave5.jpg.jpg"
images[1].src ="/uploads/cave5.jpg"
images[2].src ="/uploads/cave5.jpg"
images[3].src ="/uploads/cave5.jpg"
images[4].src ="/uploads/cave5.jpg"
function change (y) {
var plaatje=document.getElementById("picture");
var lengte = (plaatje.src).length;
var picurl = (plaatje.src).substring(lengte-14);
if(picurl=="/uploads/cave1.jpg") { x=0; }
if(picurl=="/uploads/cave2.jpg") { x=1; }
if(picurl=="/uploads/cave3.jpg") { x=2; }
if(picurl=="/uploads/cave4.jpg") { x=3; }
if(picurl=="/uploads/cave5.jpg") { x=4; }
document.getElementById("picture").src = images[x+y].src;
}
//]]>
</script>
</head>
<body>
<p><img src="/uploads/cave2.jpg" id="picture" height="250" width="380" alt="Photos of a cave" /></p>
<p><a href="#" onclick="change(-1);"><img border="0" SRC="/uploads/previous.png"></a>
<a href="#" onclick="change(1);"><img border="0" SRC="/uploads/next.png"></a></p>
<p class="b2"><strong></strong></p>
</body>
</html>
Please help me
Thank you