468,168 Members | 1,686 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,168 developers. It's quick & easy.

scrolling images does not work on mozilla help me please

1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>WELCOME TO HEMA CREATIVE HOUSE</title>
<style type="text/css">
<!--
@import url("css/IDESIGN 1.css");
@import url("css/IDESIGN.2.css");
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
}
.style1 {font-size: 10px}
.style2 {font-size: 12px; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; color: #4889D0; font-family: Arial, Helvetica, sans-serif;}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>
<SCRIPT LANGUAGE="JavaScript">
//Script submitted by vasile birsan
//http://members.home.net/v.birsan/
//Displayed on www.a1javascripts.com/
//slider's width
var swidth=102


//slider's height
var sheight=82

//slider's speed;
var sspeed=6


var imagef=''


//images: change to your own

var leftimage=new Array();
leftimage[0]='<img src="scroll/1.jpg" width=80 height=100 >'
leftimage[1]='<img src="scroll/2.jpg" width=80 height=100 >'
leftimage[2]='<img src="scroll/3.jpg" width=80 height=100 >'
leftimage[3]='<img src="scroll/4.jpg" width=40 height=100 >'
leftimage[4]='<img src="scroll/5.jpg" width=40 height=100 >'
leftimage[5]='<img src="scroll/6.jpg" width=40 height=100 >'
leftimage[6]='<img src="scroll/7.jpg" width=40 height=100 >'
leftimage[7]='<img src="scroll/8.jpg" width=70 height=100 >'
leftimage[8]='<img src="scroll/9.jpg" width=70 height=100 >'
leftimage[9]='<img src="scroll/10.jpg" width=70 height=100 >'
leftimage[10]='<img src="scroll/11.jpg" width=70 height=100 >'
leftimage[11]='<img src="scroll/12.jpg" width=70 height=100 >'
leftimage[12]='<img src="scroll/13.jpg" width=70 height=100 >'
leftimage[13]='<img src="scroll/14.jpg" width=70 height=100 >'
leftimage[14]='<img src="scroll/15.jpg" width=70 height=100 >'
leftimage[15]='<img src="scroll/16.jpg" width=70 height=100 >'
leftimage[16]='<img src="scroll/17.jpg" width=70 height=100 >'
leftimage[17]='<img src="scroll/18.jpg" width=70 height=100 >'
leftimage[18]='<img src="scroll/19.jpg" width=70 height=100 >'
leftimage[19]='<img src="scroll/20.jpg" width=70 height=100 >'
leftimage[20]='<img src="scroll/21.jpg" width=70 height=100 >'

for (mi=0;mi<leftimage.length;mi++)
imagef=imagef+leftimage[mi]


function start(){
if (document.all) return
if (document.getElementById){
document.getElementById("slider").style.visibility ="show"
initial6(document.getElementById('slider'))
}
else if(document.layers){
document.slider1.visibility="show"
intialslide()
}
}
function intialslide(){
document.slider1.document.slider2.document.write(' <nobr>'+imagef+'</nobr>')
document.slider1.document.slider2.document.close()
thel=document.slider1.document.slider2.document.wi dth
document.slider1.document.slider2.left-=thel
sslide()
}
function sslide(){
if (document.slider1.document.slider2.left>=thel*(-1)){
document.slider1.document.slider2.left-=sspeed
setTimeout("sslide()",100)
}
else{
document.slider1.document.slider2.left=swidth
sslide()
}
}
function initial6(whichdiv){
tdiv6=eval(whichdiv)
tdiv6.innerHTML=('<nobr>'+imagef+'</nobr>')
tdiv6.style.left=swidth
thel=swidth*leftimage.length
scroll6()
}
function scroll6(){
if (parseInt(tdiv6.style.left)>=thel*(-1)){
tdiv6.style.left=parseInt(tdiv6.style.left)-sspeed
setTimeout("scroll6()",100)
}
else{
tdiv6.style.left=swidth
scroll6()
}
}
//You might run into a position problem within the page, using either
//NS4.x or NS6.x. To correct this use the coordinates: 'left=value',
//'top=value' within ilayer/layer tags or 'position:relative/absolute;
//left:value;top:value;' within NS6's div tags.
//Those values can be either positive or negative!
//Make sure you've got the onload='...;' within body tag but without
//takeFocus(); there!
</SCRIPT>
<body onload="start()">
<table width="800" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr>

</tr>

<tr>
<td colspan="2" rowspan="2" align="center" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="546" height="62">
<param name="movie" value="hema dropu down.swf" />
<param name="quality" value="high" />
<embed src="hema dropu down.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="546" height="62"></embed>
</object></td>
<td width="7">&nbsp;</td>
<td colspan="3" align="left" valign="top"><p><br />
</p></td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="left" valign="top">&nbsp;</td>
<td align="left" valign="top">&nbsp;</td>
<td align="left" valign="top">&nbsp;</td>
</tr>
<tr>
<td width="485" rowspan="12" align="center" valign="top"><table width="476" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
<td width="84" align="center" valign="top">&nbsp;</td>
<td rowspan="12" align="center" valign="top"><img src="images/1.jpg" width="7" height="335" /></td>
<td width="16" rowspan="12" align="left" valign="top">&nbsp;</td>
<td width="197" rowspan="12" align="left" valign="top"><div align="justify"><span class="bold"> Our
philosophy</span><br />
<span class="containt style1"><br />
</span><span class="east">The birth of any concept has its origin in the Idea. This idea leads to a thought process where many questions arise and many answers unfold. Hema takes this creative journey with all its clients each time, every time.<br />
<br />
From conceptualization of an idea to its implementation, Hema partners with its clients to bring about a unique and innovative positioning strategy to reach the desired target audience. Our philosophy is to focus on clients&rsquo; requirements and exceed their expectations so as to foster a belief beyond business.</span></div>
</td>
<td width="9" rowspan="12" align="left" valign="top">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="bottom"><div align="left"><span class="cyan style1"><span class="headmain"><a href="business.html"></a></span><a href="business.html" class="cyan style1">Our business </a></span></div></td>
</tr>
<tr>
<td align="center" valign="top"><div align="left"><span class="cyan style1"><a href="people.html" class="cyan style1">Our people</a></span></div></td>
</tr>
<tr>
<td valign="bottom" class="style2"><div align="left" class="cyan style1"></div></td>
</tr>
<tr>
<td align="left" valign="top" class="style2"><div align="left" class="cyan style1"></div></td>
</tr>
<tr>
<td align="center" valign="top">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="top"><br /></td>
<td align="center" valign="top">&nbsp;</td>
<td align="center" valign="top">&nbsp;</td>
<td align="left" valign="top">&nbsp;</td>
<td rowspan="2" align="left" valign="top"><br />
<br />
<br />
<br />
<br />
<br />
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="170" height="50">
<param name="movie" value="hema logo.swf" />
<param name="quality" value="high" />
<embed src="hema logo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="170" height="50"></embed>
</object>
<br />
<br /> </td>
<td align="left" valign="top">&nbsp;</td>
</tr>
<tr>
<td colspan="3" align="center" valign="top" class="one"><div style="position: absolute; width: 756px; height: 82px; clip: rect(0pt, 102px, 82px, 0pt); top: 399px; left: 129px;">
<SCRIPT LANGUAGE="JavaScript">
if (document.all){
document.write('<marquee id="slidere" scrollAmount=2 style="width:102;height:82;">'+imagef+'</marquee>')
slidere.onmouseover=new Function("slidere.scrollAmount=0")
slidere.onmouseout=new Function("if (document.readyState=='complete') slidere.scrollAmount=2")
}
if (document.layers){
document.write('<ilayer width=102 height=82 name="slider1" bgcolor="white" visibility=hide>')
document.write('<layer name="slider2" onMouseover="sspeed=0;" onMouseout="sspeed=2">')
document.write('</layer>')
document.write('</ilayer>')
}
if (document.getElementById&&!document.all){
document.write('<div style="position:absolute;width:102;height:82;clip: rect(0 102 82 0);">')
document.write('<div style="position:relative/absolute;left:10;top:10;')
document.write('<div id="slider" style="position:relative;width:&{swidth};" onMouseover="sspeed=0;" onMouseout="sspeed=2">')
document.write('</div></div>')
}
</script>
</div></td>
<td align="left" valign="top">&nbsp;</td>
<td align="left" valign="top">&nbsp;</td>
</tr>
</table>

</body>
</html>
Jul 28 '07 #1
2 1813
gits
5,390 Expert Mod 4TB
hi ...

you posted your question in the js-articles-section ... i moved it to the js-forum for you where the experts may find and answer it.

while having a first look at it ... it seems that:

Expand|Select|Wrap|Line Numbers
  1. document.write('<div id="slider" style="position:relative;width:&{swidth};" onMouseover="sspeed=0;" onMouseout="sspeed=2">')
is not working correctly ... it produces a div with no id but an attribute 'slider = " "'?

kind regards
Jul 30 '07 #2
gits
5,390 Expert Mod 4TB
for some reason the line (set the id="slider" to the end of the statement):

Expand|Select|Wrap|Line Numbers
  1. document.write('<div style="position:relative;width:&{swidth};" onMouseover="sspeed=0;" onMouseout="sspeed=2" id="slider">');
seems to work? has anybody an idea on that strange behaviour?

kind regards
Jul 30 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

5 posts views Thread by Kai Grossjohann | last post: by
2 posts views Thread by Hugh Dickinson | last post: by
3 posts views Thread by Vikram Bhatia | last post: by
reply views Thread by Ken Dopierala Jr. | last post: by
5 posts views Thread by Gary | last post: by
4 posts views Thread by Keith Bentrup | last post: by
1 post views Thread by gcdp | last post: by
reply views Thread by gcreed | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.