Chciałbym aby jeden obrazek przesówał się od lewej do prawej, aby "jechał" w poziomie od lewej do prawej strony oraz za nim (z lewej) przesówał się ten sam obrazek, aby trwało to cały czas, ta sekfencja.
Znalazłem coś takiego: http://jscroller.markusbordihn.de/example/right/
Ustawiłem w pożądanym miejscu, trochę pozmianiałem w css i udało mi się uzyskać prawie skończony efekt.
Kod na stronie:
Kod
<div id="scroller_container">
<div id="scroller">
<div id="anim"></div>
</div>
</div>
<div id="scroller">
<div id="anim"></div>
</div>
</div>
Styl:
Kod
#scroller_container {
position: absolute;
width: 100%;
height: 250px;
z-index: -1;
overflow: hidden;
}
#scroller {
width: 100%;
}
#anim {
background-image: url(images/animation.png);
background-repeat: repeat-x;
width:100%;
height:250px;
}
position: absolute;
width: 100%;
height: 250px;
z-index: -1;
overflow: hidden;
}
#scroller {
width: 100%;
}
#anim {
background-image: url(images/animation.png);
background-repeat: repeat-x;
width:100%;
height:250px;
}
Zostaje zrobić aby odrazu po obrazku pojawiał się kolejny (ten sam). Aktualnie gdy obrazek jedzie na prawo to po lewej robi się wolna przestrzeń.
Wie ktoś jak to zrobić? Plik JS jest tutaj: Znalazłem coś takiego: http://jscroller.markusbordihn.de/download/ (jscroller-0.4.js)