Witam.
Co muszę zmienić w JS, aby obrazki przesuwały się w jednym ciągu bez przerwy?
Ma to wyglądać tak, aby bez przerwy obrazki przesuwały się:
01, 02, 03, 01, 02, 03, 01, 02, 03,.........................................................,i tak bez końca
A u mnie działa tak, że przesunie się obrazek 01, 02, 03 i na tym koniec.
<head>
<script type="text/javascript" src="marquee/crawler.js"></script>
<script type="text/javascript" src="marquee/marquee.js"></script>
</head>
<body>
<div id="content">
<div class="Object">
<div id="mycrawler">
<img src="marquee/images/01.png" alt="" title="" />
<img src="marquee/images/02.png" alt="" title="" />
<img src="marquee/images/03.png" alt="" title="" />
</div>
</div>
</div>
<script type="text/javascript">
window.onload = function start() {
slide(10);
}
function slide(repeats) {
if (repeats > 0) {
document.getElementById('mycrawler').style;
window.setTimeout(
function(){
slide(repeats - 1)
},
1000
);
}
}
</script>
</body>
W JS użyłem repeat jako powtórzenie, ale nie przyniosło to zamierzonego efektu. Dalej jest to samo.
#content
{
background-color: #000000;
width: 1100px;
height: 400px;
}
.Object
{
position: absolute;
left: 225px;
top: 350px;
width: 900px;
}
Jestem pewny na 100%, że da się to zrobić, tylko należy coś poprawić w JS i będzie działać.
Gdzie jest błąd?
Będę bardzo wdzięczny za skuteczną pomoc.