przesuwanie długiego obrazka wewnatrz diva

przesuwanie długiego obrazka wewnatrz diva
  • Rejestracja: dni
  • Ostatnio: dni
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:)

Adam Boduch
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 11950
0

Mozesz uzyc tego samego obrazka dwukrotnie. Np.:

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

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

  • Rejestracja: dni
  • Ostatnio: dni
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

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.