Wrox Home  
Search P2P Archive for: Go

  Return to Index  

javascript thread: CREATING SLIDE SHOW WITH NETSCAPE


Message #1 by "Shaji" <sjr_r@y...> on Wed, 5 Dec 2001 13:00:31
  In IE i m running a ad banner with some images of different size they 
are running fine with the original size. But in Netscape it banner gets 
the height and width of first image which is displayed first and all other 
images also follow the same height & width. How can i come out of this 
problem so it will work fine with IE and NEtscape both 

   here is the code.Please check it and if any corrections please correct 
it
<!-- 
<HTML> <HEAD><TITLE> New Document </TITLE> 
<Script Language = "JavaScript"> 
function star(x)
{ 
start=true; imageArr = new Array 
('images/Iron/Lanterns/5.jpg', 'images/Iron/Lanterns/6.jpg', 'images/Iron/L
anterns/7.jpg',' 
images/Iron/Misc/19890a.jpg', 'images/Iron/Misc/2.jpg', 'images/Iron/Misc/2
0491.jpg', 'images/Iron/Planters/9778.jpg', 'images/Iron/Animals/2.jpg', 'i
mages/Iron/Animals/15.jpg', 'images/Iron/Animals/11.jpg'); 
imageArra = new Array(imageArr.length); 
for (var i =0; i < imageArr.length;i++) 
{ 
imageArra[i] = new Image(); 
imageArra[i].src = imageArr[i]; 
} 
delay = parseInt(x)*1000; 
nextImage = 1; 
startAnimation(); 
} 

function animate()
{
if(start == true)
{ 
i = nextImage; ++nextImage;
nextImage%=imageArra.length; 
if(imageArra[i].complete) 
{ 
document.display.src=imageArra[i].src; 
document.display.height=imageArra[i].height; 
document.display.width=imageArra[i].width; 
}
window.status=imageArra[i].src; 
}
}

function startAnimation() 
{ 
interval = setInterval('animate()',delay); 
} 

function setStart() 
{
var x = prompt("Enter the seconds for SlideShow.\nEnter values between (1 -
 5) only.",5); 
if ((parseInt(x)>0) && (parseInt(x)<=5) && (!isNaN(x)))
{ 
star(x);
} 
else 
{ 
alert("Enter values 1 - 5 only."); 
setStart(); 
}
}
</script> 
</HEAD>
<BODY BGCOLOR="#603000" onLoad= setStart()> 
<img src="images/cards.jpg" name="display"> 
--> 


  Return to Index