Getting Slide Show to work

snufse · February 25th, 2009, 09:48 AM

This is my first attemp to work with slide show. I'm not sure what I am doing wrong but here is the code. At page launch no image is being shown and images do not rotate. Thank you.

PHP Code:


			
<%@MasterLanguage="VB"CodeFile="MasterPage.master.vb"Inherits="MasterPage" %>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headid="Head1"runat="server">
<title>Test - JavaScript Slide Show</title>
<scripttype="text/javascript">
var image1=new Image()
image1.src="/Images/01.jpg"
var image2=new Image()
image2.src="/Images/02.jpg"
var image3=new Image()
image3.src="/Images/04.jpg"
</script>
</head>
<bodyonload="slideit()">
<imgonload="slideit()"alt="No Image"src="/images/01.jpg"name="slide"width="100"
height="50"/>
<scripttype="text/javascript">
var step=1
function slideit()
{
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
setTimeout("slideit()",2500)
}
</script>
<formid="form1"runat="server">
<div>...................

snufse · February 26th, 2009, 05:47 PM

Code that will work:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headid="Head1"runat="server">
<title>Test - JavaScript Slide Show</title>
<scripttype="text/javascript">
var image1=new Image()
image1.src="Images/01.jpg"
var image2=new Image()
image2.src="Images/02.jpg"
var image3=new Image()
image3.src="Images/04.jpg"
</script>
</head>
<bodyonload="slideit()">
<imgalt="No Image"src="images/01.jpg"name="slide"width="100"
height="50"/>
<scripttype="text/javascript">
var step=1
function slideit()
{
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
setTimeout("slideit()",2500)
}
</script>
<formid="form1"runat="server">
<div>
       <tableborder="1"style="left: 2px;
width: 1088px; position: relative; top: -26px; height: 1px; border-right-style: none;
border-bottom-style: none;">
<tr>