PDA

View Full Version : jscript help


flatheadv8
01 Feb 2011, 09:44 PM
hey everyone, kinda new here and was looking for some guidance. Im making a new webpage with a scrolling picture javascript, and it works great in firefox but wont work in internet explorer or googlechrome. I was wondering if someone could tell me what is wrong im starting to pull my hair out. thanks guys, Heres s the code

<!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>
<script type="text/javascript" src="crawler.js">
</script>
<title>*******</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="" />

<style type="text/css">
body {
background-image: url(images/background2.jpg);
color: #FFF;
}
</style>
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1>&nbsp;</h1>
</div>
<div class="clr"></div>
<div class="menu_nav">
<ul>
<li class="active"><a href="index.html"><span>Home Page</span></a></li>
<li><a href="gallery.html"><span>GALLERY</span></a></li>
<li><a href="store.html"><span>STORE</span></a></li>
<li><a href="contact.html"><span>CONTACT</span></a></li>
<li><a href="brokenarmy.html"><span>Broken Army</span></a></li>
</ul>
</div>
<div class="cr"></div>
<div class="sr">
<div id=""></div>
<div class="cr"></div>
</div>
<div class="cr"></div>
</div>
</div>
<div class="content"></div>
<div class="fbg"></div>
<div class="footer">
<div class="footer_resize">
<div style="clear:both;"></div>
</div>
</div>

<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '5px',
'width': '1193px',
'background': 'none',
'border': 'none',
'height': '415px',
'color': '#fff',
'background-color': 'none',
'font-family': 'sans-serif',
'margin': '0 auto'

},
inc: 8, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 4,
neutral: 150,
savedirection: true
});
</script>

<div class="marquee" id="mycrawler2">
<img src="images/afro.jpg" width="350" height="350" vspace="50"> <img src="images/boom.jpg" width="350" height="350" vspace="50"> <img src="images/bomb.jpg" width="350" height="350" vspace="50"> <img src="images/80s.jpg" width="350" height="350" vspace="50"> <img src="images/dj.jpg" width="350" height="350" vspace="50"> <img src="images/orangepaint.jpg" width="350" height="350" vspace="50"> <img src="images/newclass.jpg" width="350" height="350" vspace="50"> <img src="images/blwh.jpg" width="350" height="350" vspace="50"> <img src="images/arrows.jpg" width="350" height="350" vspace="50"> <img src="images/colors.jpg" width="350" height="350" hspace="50" vspace="50"> <img src="images/vhs.jpg" width="350" height="350" vspace="50"> <img src="images/side.jpg" width="350" height="350" vspace="50"> <img src="images/crownpattern.jpg" width="350" height="350" vspace="50"> <img src="images/stripper.jpg" width="350" height="350" vspace="50"> <img src="images/yrlookalike.jpg" width="350" height="350" vspace="50"> <img src="images/strippers.jpg" width="350" height="350" vspace="50"> <img src="images/repete.jpg" width="350" height="350" vspace="50"> <img src="images/face.jpg" width="350" height="350" vspace="50"> <img src="images/drunk.jpg" width="350" height="350" vspace="50"> <img src="images/greenbroken.jpg" width="350" height="350" vspace="50"> <img src="images/repeat.jpg" width="350" height="350" vspace="50">
</div>

<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '5px',
'width': '1000px',
'height': '180px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
savedirection: true
});
</script>

<p style="font-size:10px;">
<ul>
<li>
<div align="center"> Copyright &copy; 2010 ******* LLC, its suppliers or licensors. All rights reserved.<br />
</div>
</li>
</ul></div>
</body>
</html>