R
Rick
I have a script of rolling images. I would like it so that each time
an image changes in cell1 some text in cell2 changes. How can this be
done.
<html>
<head>
<title>TITLE</title>
<title>Test Page</title>
<script language="JavaScript">
var i = 1;
banner1= new Image();
banner1.src = "one.jpg";
banner2= new Image();
banner2.src = "two.jpg";
banner3= new Image();
banner3.src = "three.jpg";
banner4 = new Image();
banner4.src = "four.jpg";
banner5 = new Image();
banner5.src = "five.jpg";
// Status Bar Description of image
var description = new Array
description[1] = "one"
description[2] = "two"
description[3] = "three"
description[4] = "four"
description[5] = "five"
function loadBanner(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
closeTime=hours*3600+mins*60+secs;
// Change this number to increase decrease the rotation speed
closeTime+=3;
Timer();
}
function Timer(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
curTime=hours*3600+mins*60+secs
if (curTime>=closeTime){
if (i < 5){
i++;
document.banner.src = eval("banner" + i +
".src");
}
else{
i = 1;
document.banner.src = eval("banner" + i +
".src");
} loadBanner();
}
else{
window.setTimeout("Timer()",1000)}
}
function clickLink(){
top.location = links
}
function descript(){
window.status = description
}
function nothing() {
window.status=""
}
function changeAlt(){
for (pic = 0; pic<document.images.length; pic++)
{
//document.images[pic].alt = pic+1 //image count
document.images[pic].alt = description //image source
//document.images[pic].alt =
document.images[pic].width+'x'+document.images[pic].height+'Pixel' //image
size
//document.images[pic].alt =
document.images[pic].fileSize+'Byte' //image byte
//document.images[pic].alt =
document.images[pic].fileUpdatedDate //image upload
}
}
function changeAltBack(){
for (pic = 0; pic<document.images.length; pic++)
{
//document.images[pic].alt = pic+1 //image count
document.images[pic].alt = "" //image source
//document.images[pic].alt =
document.images[pic].width+'x'+document.images[pic].height+'Pixel' //image
size
//document.images[pic].alt =
document.images[pic].fileSize+'Byte' //image byte
//document.images[pic].alt =
document.images[pic].fileUpdatedDate //image upload
}
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#006633" vlink="#800080"
alink="#ff0000">
<div align="center">
<table width="425" border="2" cellspacing="0" cellpadding="0">
<tr>
<td width="25" height="418"></td>
<td width="400" valign="top"> <div align="center">
<table width="200" border="2" cellpadding="0"
cellspacing="0" bgcolor="#FFFFD9">
<tr>
<td width="182" height="180"><p align="center"><body
bgcolor = blue
text = white
link = white
vlink= white
alink= white
onload="loadBanner();">
<p><a href=""
onClick="clickLink(); return false;"
onMouseOver="changeAlt(); return true;"
onmouseout="changeAltBack(); return false;"
target = new>
<!-- Load initial image here --><img src="one.jpg"
width="200" height="200" border="0""
border=0
name="banner"</a></p></td>
</tr>
<tr>
<td width="200" height="200"> <div align="right">
</div></td>
</tr>
</table>
</div></td>
</tr>
</table>
</div>
</body>
</html>
an image changes in cell1 some text in cell2 changes. How can this be
done.
<html>
<head>
<title>TITLE</title>
<title>Test Page</title>
<script language="JavaScript">
var i = 1;
banner1= new Image();
banner1.src = "one.jpg";
banner2= new Image();
banner2.src = "two.jpg";
banner3= new Image();
banner3.src = "three.jpg";
banner4 = new Image();
banner4.src = "four.jpg";
banner5 = new Image();
banner5.src = "five.jpg";
// Status Bar Description of image
var description = new Array
description[1] = "one"
description[2] = "two"
description[3] = "three"
description[4] = "four"
description[5] = "five"
function loadBanner(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
closeTime=hours*3600+mins*60+secs;
// Change this number to increase decrease the rotation speed
closeTime+=3;
Timer();
}
function Timer(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
curTime=hours*3600+mins*60+secs
if (curTime>=closeTime){
if (i < 5){
i++;
document.banner.src = eval("banner" + i +
".src");
}
else{
i = 1;
document.banner.src = eval("banner" + i +
".src");
} loadBanner();
}
else{
window.setTimeout("Timer()",1000)}
}
function clickLink(){
top.location = links
}
function descript(){
window.status = description
}
function nothing() {
window.status=""
}
function changeAlt(){
for (pic = 0; pic<document.images.length; pic++)
{
//document.images[pic].alt = pic+1 //image count
document.images[pic].alt = description //image source
//document.images[pic].alt =
document.images[pic].width+'x'+document.images[pic].height+'Pixel' //image
size
//document.images[pic].alt =
document.images[pic].fileSize+'Byte' //image byte
//document.images[pic].alt =
document.images[pic].fileUpdatedDate //image upload
}
}
function changeAltBack(){
for (pic = 0; pic<document.images.length; pic++)
{
//document.images[pic].alt = pic+1 //image count
document.images[pic].alt = "" //image source
//document.images[pic].alt =
document.images[pic].width+'x'+document.images[pic].height+'Pixel' //image
size
//document.images[pic].alt =
document.images[pic].fileSize+'Byte' //image byte
//document.images[pic].alt =
document.images[pic].fileUpdatedDate //image upload
}
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#006633" vlink="#800080"
alink="#ff0000">
<div align="center">
<table width="425" border="2" cellspacing="0" cellpadding="0">
<tr>
<td width="25" height="418"></td>
<td width="400" valign="top"> <div align="center">
<table width="200" border="2" cellpadding="0"
cellspacing="0" bgcolor="#FFFFD9">
<tr>
<td width="182" height="180"><p align="center"><body
bgcolor = blue
text = white
link = white
vlink= white
alink= white
onload="loadBanner();">
<p><a href=""
onClick="clickLink(); return false;"
onMouseOver="changeAlt(); return true;"
onmouseout="changeAltBack(); return false;"
target = new>
<!-- Load initial image here --><img src="one.jpg"
width="200" height="200" border="0""
border=0
name="banner"</a></p></td>
</tr>
<tr>
<td width="200" height="200"> <div align="right">
</div></td>
</tr>
</table>
</div></td>
</tr>
</table>
</div>
</body>
</html>