a few months ago one of you guys helped me write a script, and now i need a thing added to it.
the code is:
and page.jsPHP Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Home</title>
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
}
-->
</style>
<script language="JavaScript" type="text/javascript" src="page.js"></script>
</head>
<body>
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0" bgcolor="#F0F0F0">
<tr>
<td width="16%" valign="bottom"><table width="100%" height="217" border="1" cellpadding="0"
cellspacing="0">
<tr>
<td><a href="javascript:warp()"><img src="zero.gif" id="targetimage" name="targetimage" border=0></a></td>
</tr>
</table></td>
<td width="56%" valign="top"><div align="center">
<div onmouseover="changeimage(myimages[0],'i1.html')">Image 1</div>
<div onmouseover="changeimage(myimages[1],'i2.html')">Image 2</div>
<div onmouseover="changeimage(myimages[2],'i3.html')">Image 3</div>
<div onmouseover="changeimage(myimages[3],'i4.html')">Image 4</div>
<div onmouseover="changeimage(myimages[4],'i5.html')">Image 5</div>
<div onmouseover="changeimage(myimages[5],'i5.html')">Image 6</div>
<div onmouseover="changeimage(myimages[6],'i7.html')">Image 7</div>
<div onmouseover="changeimage(myimages[7],'i8.html')">Image 8</div>
<div onmouseover="changeimage(myimages[8],'i9.html')">Image 9</div>
<div onmouseover="changeimage(myimages[9],'i10.html')">Image 10</div>
<div onmouseover="changeimage(myimages[10],'i11.html')">Image 11</div>
<div onmouseover="changeimage(myimages[11],'i12.html')">Image 12</div>
<div onmouseover="changeimage(myimages[12],'i13.html')">Image 13</div>
<div onmouseover="changeimage(myimages[13],'i14.html')">Image 14</div>
<div onmouseover="changeimage(myimages[14],'i15.html')">Image 15</div>
</div>
</td>
<td width="28%"> </td>
</tr>
</table>
</body>
</html>
and now i need a thing that when the mouse hovers over the text along with the picture to change i need some text to change below it, like a description of each picture, thanksPHP Code:var URL;
function changeimage(towhat,url){
document.getElementById('targetimage').src=towhat.src
URL=url
}
function warp(){
if (URL){
pugNewWindow(uppo,URL);
}
}
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=ImgPath+preloadimages.arguments[i]
}
}
var ImgPath='';
preloadimages("one.gif","two.gif","three.gif","four.gif","five.gif","six.gif","seven.gif","eight.gif","nine.gif","ten.gif","eleven.gif","twelve.gif","thirteen.gif","fourteen.gif","fifteen.gif")
var uppo=null;
function pugNewWindow(pugname,puglink){
pugCloseWin();
if (pugname==fred){
fred=window.open(puglink,'fred','width=500,height=400,location=no,menubar=no,resizable=no,status=no, scrollbars=no,toolbar=no');
}
}
function pugCloseWin(){
if (fred&&!fred.closed){ fred.close(); }
}


Reply With Quote
Bookmarks