What I want to do is have 5 <div>s displayed in a fixed position on my page. The divs will contain text and pictures. Only one div is displayed at a time, and every 5 seconds, the next div slides over the top of the current div (from right to left) until it is completely obscured. At the conclusion of the fifth, it starts again with number 1.
I think I can handle the actual movement, using setTimeout and manipulating the position of the div with document.getElementById('mydiv').style.left = [some number], looping through to move it from position a to position B. (Feel free to suggest an alternative)
There are two issues I don't have a solution for.
The first is, how do I hide the part of the sliding div that falls outside the fixed div area?
and second, how do I manipulate the relative stacking of the sliding div so that it's now on top of the others?