  
Renata
Posts: 3
Member since: 5/28/2008
|
 Script not working in firefox
|
|
|
Hi,
I need help please, because I am not a web-designer or have any knowledge in html or java. I got a code for a disjointed roll-over image and edited it for my website. It works and look great when you visit through Explorer, I only recently notice that it does not work the same in firefox. I know the code may look funny or even crazy to the professional but like I said I don't know much about codes. This is what I can do to cut cost. What is wrong with my code? can anyone help me to make the code work the same on popular browsers. See the code below. Also my web site builder only allows me to work in the body of my pages, I can't get to the head.
<hr />
<SCRIPT language=JavaScript type=text/javascript>
<!--on and off images for rollover
if(document.images) {
pics = new Array();
//disjointedrollver images
pics[1] = new Image();
pics[1].src = "/i/images/YoniJayJeansAoff.jpg";
pics[2] = new Image();
pics[2].src = "/i/images/YoniJayJeansAon.jpg";
pics[3] = new Image();
pics[3].src = "/i/images/YoniJayJeansA.jpg";
pics[4] = new Image();
pics[4].src = "/i/images/YoniJayJeansBoff.jpg";
pics[5] = new Image();
pics[5].src = "/i/images/YoniJayJeansBon.jpg";
pics[6] = new Image();
pics[6].src = "/i/images/YoniJayJeansB.jpg";
pics[7] = new Image();
pics[7].src = "/i/images/YoniJayJeansCoff.jpg";
pics[8] = new Image();
pics[8].src = "/i/images/YoniJayJeansCon.jpg";
pics[9] = new Image();
pics[9].src = "/i/images/YoniJayJeansC.jpg";
}
function picChanger(from,to,from1,to1) {
if(document.images) {
document.images[from].src = pics[to].src;
document.images[from1].src = pics[to1].src;
}
}
<!-- //Dotted lines round link fix for Explorer
function ExplorerFix()
{
for (a in document.links) document.links[a].onfocus =
document.links[a].blur;
}
if (document.all)
{
document.onmousedown = ExplorerFix;
}
// END hide script from browsers-->
</SCRIPT>
<p><style type="text/css">
<!--styles
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #000000;
}
body {
background-color: #FFFFFF;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
#wrapper {
position:relative;
width:250px;
}
#largeimages {
position:absolute;
width:250px;
}
#smallimages {
position:absolute;
width:150px;
top: 410px;
left: 50px;
}
--></style></p>
<div id="wrapper"><!--BEGIN largeimages-->
<div id="largeimages"><img id="holder" height="400" alt="holder" width="250" align="left" border="0" name="holder" src="/i/images/YoniJayJeansA.jpg" /><a title="Yoni Jay Jeans" onclick="window.open(this.href,'','resizable=yes,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=340,height=420,status'); return false" onmouseover="picChanger('img1',2,'holder',3);" onmouseout="picChanger('img1',1,'holder',3);" href="http://www.expressoboutique.citymax.com/i/images/YoniJayJeansA.jpg"><img id="img1" height="58" alt=" Yoni Jay Jeans " hspace="0" width="47" border="0" name="img2" src="/i/images/YoniJayJeansAoff.jpg" /></a> <a title=" Yoni Jay Jeans " onclick="window.open(this.href,'','resizable=yes,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=340,height=420,status'); return false" onmouseover="picChanger('img4',5,'holder',6);" onmouseout="picChanger('img4',4,'holder',6);" href="http://www.expressoboutique.citymax.com/i/images/YoniJayJeansB.jpg"><img id="img4" height="58" alt=" Yoni Jay Jeans " hspace="0" width="47" border="0" name="img4" src="/i/images/YoniJayJeansBoff.jpg" /></a> <a title=" Yoni Jay Jeans " onclick="window.open(this.href,'','resizable=yes,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=340,height=420,status'); return false" onmouseover="picChanger('img7',8,'holder',9);" onmouseout="picChanger('img7',7,'holder',9);" href="http://www.expressoboutique.citymax.com/i/images/YoniJayJeansC.jpg"><img id="img7" height="58" alt=" Yoni Jay Jeans " hspace="0" width="47" border="0" name="img7" src="/i/images/YoniJayJeansCoff.jpg" /></a>
<table cellspacing="0" cellpadding="0" width="200" align="right" border="0">
<tbody>
<tr>
<td><hr />
<p> Classy stretch jean with embroidery and beads. Flattering bootcut and faded just so. Pair these with flats or sneakers for a casual look.</p>
<p>
<li>Five-pocket construction</li>
<li>Cotton</li>
<li>Machine wash</li>
<p>
</td>
</tr>
</tbody>
</table>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<!--END smallimages--></div>
<!--END wrapper-->
Thanks for you help
< Message edited by Renata -- 8/6/2008 3:13:24 PM >
|
|
Printable Version
New Messages
No New Messages
Hot Topic w/ New Messages
Hot Topic w/o New Messages
Locked w/ New Messages
Locked w/o New Messages
Post New Thread