Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][CSS] jScroller - Przesuwający się obrazek, problem
Avigo
post 15.01.2014, 19:32:42
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 15.01.2014

Ostrzeżenie: (0%)
-----


Witam.
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>


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;
}


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)

Ten post edytował Avigo 15.01.2014, 20:27:54
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 13:44