Forum

<!-- Import jQuery-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
 
<script type="text/javascript" charset="utf-8">
 
var scrollSpeed = 70; // Speed in milliseconds
var step = 1; // How many pixels to move per step
var current = 0;// The current pixel row
var imageHeight = 411;// Background image height
var headerHeight = 300;// How tall the header is.
 
//The pixel row where to start a new loop
var restartPosition = -(imageHeight - headerHeight);
 
function scrollBg(){
 
//Go to next pixel row.
current -= step;
 
 
//If at the end of the image, then go to the bottom.
if (current == restartPosition){
current += step;
}
 
//Set the CSS of the header.
$('#slideshow').css("background-position","0 "+current+"px");
 
 
}
 
//Calls the scrolling function repeatedly
var init = setInterval("scrollBg()", scrollSpeed);
 
 
</script>