mam pozornie dość prosty problem.
Chciałbym abym w krypcie "PrallaxSlider", który zamieściłem pod adresem SpiJay.com/medycynaurody miał możliwość dodawania np, 3 elementów, które są rozpoznawane jako jeden slajd.
Obecnie działa to tak, że obraz w tle przesuwa się z o połowę mniejszą wartością atrybutu position: absolute; left: XXXpx w porównaniu z obrazem statycznym. Rozumiem to tak, że zwyczajnie mam zdjęcie na środku i tło przesuwa się z troszeczkę mniejszą wartością atrybutu, który wskazałem wyżej.
Kod pomocniczy:
Co chcę więc osiągnąć ?
Abym mógł dodać dodatkowe Divy, które będą odgrywały funkcję dodatkową z nietypowymi ustawieniami.
Kod pomocniczy:
Chcę abym do DIVów .img1 oraz .img2 mógł dodać inną szybkość wykonywania animacji.
Po próbie dodania linijek w źródle skryptu JS:
Linia 218
(...) /* current */ $img1.stop().animate({ left : slide_to + 'px' },speed1, easing); $img1.stop().animate({ left : slide_to + 'px' },speed2, easing); $img1.stop().animate({ left : slide_to + 'px' },speed3, easing); /* current */ (...)
Niestety nie działa...
Co robię źle ?
Skrypt prallax na moim serwerze
zadeklarowałem klasy .img1, .img2, .img3 w taki sam sposób jak tło.
Firebug wyrzuca błąd TypeError: $img1.stop is not a function
$img1.stop().animate({ left : slide_to + 'px' },speed1, easing);
Panowie, problem jest nie do zrozumienia, czy tak trudny ?
Chcę zrobić taki efekt: http://www.sicc.pl/