przesuwanie długiego obrazka wewnatrz diva

0

Witam

Mam długi obrazek, powiedzmy 700px szerokości a potrzebuję go wstawić w diva o szerokości 300px i zrobić efekt animacji, żeby płynnie sam się przesuwał.

Dodatkowo (o ile to mozliwe), jak dojedzie do konca, nie cofał się do początku, a jakby kontynuował animację, jakby ten obrazek był to byly zlepione dwa takie same obrazki (jakby mial 1400px). Oczywiscie mowie tu o przypadku dopiero drugiego przejścia;) Potem by bylo 2100px itd.

Probowalem to napisac z uzyciem jQuery i funkcji animate, toggle, ale mi nie wyszlo :( jest cos takiego jak jCarousel ale to przesuwa zestaw obrazków (w ), a ja mam JEDEN obrazek, ktory chcę przesuwać. Niestety niezbyt mogę go pociąć na kawałki by uzyc jCarousel.

Jakies pomysly? Moze ktos sie z tym spotkał gdzies? Nigdzie wygooglac nie moge czegos takiego... moze źle szukam? (jquery moving image within div , javascript image sliding , itp kombinacje)

dzieki i pozdro:)

0

Mozesz uzyc tego samego obrazka dwukrotnie. Np.:

<li><img src="foo.jpg" /></li>
<li><img src="foo.jpg" /></li>

W ten sposob uzyskasz efekt "zlepienia". Jeden obrazek bedzie umieszczony obok drugiego.

0

Tylko, ze moim głównym problemem jest przesuwanie samego obrazka. Jcarousel z fragmentu jednego obrazka, który sie zmieścił w divie, od razu przeskoczy do drugiego

1 użytkowników online, w tym zalogowanych: 0, gości: 1