I need help for JQuery problem
Good day, I have script for moving background:
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>" type="text/javascript"></script>
<script type="text/javascript">
var scrollSpeed = 1; // Speed in milliseconds
var step = 1; // How many pixels to move per step
var current = 1; // The current pixel row
var imageWidth = 3000; // Background image width
var headerWidth = 1280; // How wide the header is.
//The pixel row where to start a new loop
var restartPosition = -(imageWidth - headerWidth);
function scrollBg(){
current -= step;
if (current == restartPosition){
current = 1;
}
$('#header').css("background-position",current+"px 0");
}
var init = setInterval("scrollBg()", scrollSpeed);
</script>
- With such css: <style type="text/css" media="screen">
body{
background-color: #38adff;
}
#header{
height:240px;
background: #38adff url(assets/templates/default/images/pic.jpg) repeat-x scroll left top;
text-align:center;
margin-top:-30px;
}
#header h1{
margin-top:35px;
font-family: "Georgia", Times New Roman;
color:white;
font-size:45px;
}
#content{
background-color:#fff;
width:95%;
margin:15px auto 15px auto;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
</style>
It works normally - but don't work lightbox script for pictures of the site, so IE 8 write such: Object doesn'n work with prototype.js and mootools.js. CMS is a MODx, please, tell me how to make work this scripts correctly and together?
P.S.
- <body onload="initLightbox()">
as write in support doesn't work, thank you very much, sorry for my English, best regards, Marina