Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pomoc w edycji małego skryptu (ParallaxSlider)
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
SpiJay
Witam serdecznie,
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:
  1. <div class="tlo">
  2. <ul class="slider">
  3. <li><img src="image.jpg" class="obraz"/></li>
  4. </ul>
  5. </div>


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:
  1. <div class="tlo">
  2. <ul class="slider">
  3. <li>
  4. <img src="image.jpg" class="obraz"/>
  5. <div class="img1">jakis</div>
  6. <div class="img2">tekst</div>
  7. </li>
  8. </ul>
  9. </div>


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
[JAVASCRIPT] pobierz, plaintext
  1. (...)
  2. /* current */
  3. $img1.stop().animate({
  4. left : slide_to + 'px'
  5. },speed1, easing);
  6. $img1.stop().animate({
  7. left : slide_to + 'px'
  8. },speed2, easing);
  9. $img1.stop().animate({
  10. left : slide_to + 'px'
  11. },speed3, easing);
  12. /* current */
  13. (...)
[JAVASCRIPT] pobierz, plaintext


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

[JAVASCRIPT] pobierz, plaintext
  1. $img1.stop().animate({
  2. left : slide_to + 'px'
  3. },speed1, easing);
[JAVASCRIPT] pobierz, plaintext


Panowie, problem jest nie do zrozumienia, czy tak trudny ?
Chcę zrobić taki efekt: http://www.sicc.pl/
d3ut3r
Nie lepiej kupić ten plugin który został wykorzystany na sicc.pl ? jest dostępny za 7$ jakby nie patrzeć taniej wyjdzie kupienie niż przerobienie tego co masz.

Nie chodzi o to że pytanie jest niezrozumiałe, bardziej o to że jest potrzebny większy nakład pracy niż zmiana kilku linijek smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.