Skocz do zawartości

Zdjęcie
- - - - -

Problem z sliderem w jQuery.


2 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
WebRapko

    Użytkownik

  • 97 postów
    • Czas spędzony online: 12m
-12
Słaba
  • LocationMalopolska

Napisano 04 lipca 2014 - 23:28

#1
Witajcie! Piszę do was aby poprosić o pomoc, a właściwie wskazanie pomyłki. Napisałem sobie slider w jQ, lecz ten sie obraził i nie chce mi działać xD. Oto kod:
 $(document).ready(function(){

/*var slider=$(".slider");*/
var slides=$(".slides li").size();
var isMove=parseInt($(".slides").css("left"));
var prevMove=isMove+parseInt($(".slides li").css("width"))+"px";
var nextMove=isMove-parseInt($(".slides li").css("width"))+"px";
var maxMove=parseInt($(".slides").css("width"))*slides;

if(slides>1){
$("#prev").click(function(){
if(isMove<0){
$(".slides").animate({'left':prevMove},500);
}
});
$("#next").click(function(){
if(isMove>-maxMove){
$(".slides").animate({'left':nextMove},500);
}
}); 
}
});
Z góry dzięki za pomoc :D
@update
Link do wklej.to - http://wklej.to/1lR2w
Link do slidera: http://hawkes.xaa.pl/test-slider/
  • 0

Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 05 lipca 2014 - 12:51

#2

Myślę, że musiałbyś po kliknięciu znów sprawdzać 'left' jaki jest przypisany i nastepnie wykonać animate.


  • 0

2ed58r7.png


writen

    Stary wyjadacz

  • 458 postów
    • Czas spędzony online: 29d 22h 59m 44s
133
Znakomita!

Napisano 05 lipca 2014 - 14:41

#3

ehh. Jeszcze w nocy chciałem poprawić ten twój kod, ale to raczej nie miałoby sensu.

Więc... przerobiłem przykład stąd http://kursjs.pl/kur...ery/slider.html

 

I wyszło mi to: http://jsfiddle.net/writen/K69Dm/1/

 

Mam nadzieję, że przynajmniej będziesz wdzięczny, że komuś się chciało. :P


  • 2

logo-green-dark.png






Podone tematy Collapse

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych