sliders jquery problema
Publicado por esence (1 intervención) el 30/07/2014 15:27:08
Hola, buenas tardes,
He descubierto que tengo un problemilla y no se como solucionarlo.
El caso es que tengo dos sliders en mi pagina, el primero va "genial" pero al meter el segundo pasa que el primer slider completa su ciclo y ya no se ejecuta más en modo automático y el segundo se queda en la segunda slide y se para tambien.
He consultado los nombres de las funciones y en principio no hay coincidencias de nombres de funciones o variables (aunque el código es del mismo ejemplo), lo único que he encontrado es que los dos se ejecutan a partir de esta línea en sus ".js" correspondientes y que amobos sliders llaman a un método función.
Os dejo el código ... ojala podais ayudarme
He descubierto que tengo un problemilla y no se como solucionarlo.
El caso es que tengo dos sliders en mi pagina, el primero va "genial" pero al meter el segundo pasa que el primer slider completa su ciclo y ya no se ejecuta más en modo automático y el segundo se queda en la segunda slide y se para tambien.
He consultado los nombres de las funciones y en principio no hay coincidencias de nombres de funciones o variables (aunque el código es del mismo ejemplo), lo único que he encontrado es que los dos se ejecutan a partir de esta línea en sus ".js" correspondientes y que amobos sliders llaman a un método función.
Os dejo el código ... ojala podais ayudarme
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
// javascript code para slider 2
var timer2;
var slides2=3;var timeLen2=7500;/**/function nextSlide2(){
clearTimeout(timer2);
var current2=parseInt($("#counter2").html());
if(current2<slides2){
var nextSlide2=current2+1;
}else{
var nextSlide2=1; }$("#slide_back2 img").attr("src","img/slider2/slidersecundario" + nextSlide2 + ".png");
$("#slide_front2").stop(true,true);
$("#slide_front2").animate({opacity:"0"},1900,"linear",function(){
$("#slide_front2 img").attr("src","img/slider2/slidersecundario" + nextSlide2 + ".png");
$("#slide_front2").css("opacity","1");
$("#jumpers li.current").removeAttr("class");
$("#jumpers #" + nextSlide2).attr("class","current");
$("#counter").html(nextSlide2);
timer2=setTimeout("nextSlide2()",timeLen2);
});
}function prevSlide2(){
clearTimeout(timer2);
var current2=parseInt($("#counter2").html());
if(current2==1)
{ var nextSlide2=slides2;}else{
var nextSlide2=current2-1;
}$("#slide_back2 img").attr("src","img/slider2/slidersecundario" + nextSlide2 + ".png");
$("#slide_front2").stop(true,true);
$("#slide_front2").animate({opacity:"0"},1900,"linear",function(){
$("#slide_front2 img").attr("src","img/slider2/slidersecundario" + nextSlide2 + ".png");
$("#slide_front").css("opacity","1");
$("#jumpers li.current").removeAttr("class");
$("#jumpers #" + nextSlide2).attr("class","current");
$("#counter2").html(nextSlide2);
timer2=setTimeout("nextSlide2()",timeLen2);
});
}function jump(slide2){
clearTimeout(timer2);
//var current2=parseInt($("#counter2").html());
$("#slide_back2 img").attr("src","img/slider2/slidersecundario" + slide2 + ".png");
$("#slide_front2").stop(true,true);
$("#slide_front2").animate({opacity:"0"},1900,"linear",function(){
$("#slide_front2 img").attr("src","img/slider2/slidersecundario" + slide2 + ".png");
$("#slide_front").css("opacity","1");
$("#jumpers li.current").removeAttr("class");
$("#jumpers #" + slide2).attr("class","current");
$("#counter2").html(slide2);
timer2=setTimeout("nextSlide2()",timeLen2);
});
};$(document).ready(function(){
timer2=setTimeout("nextSlide2()",timeLen2);
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
// javascript code slider1
var timer;
var slides=2;var timeLen=7000;function nextSlide(){
clearTimeout(timer);
var current=parseInt($("#counter").html());
if(current<slides){
var nextSlide=current+1;
}else{
var nextSlide=1; }$("#slide_back img").attr("src","img/slider1/sliderprincipal" + nextSlide + ".png");
$("#slide_front").stop(true,true);
$("#slide_front").animate({opacity:"0"},2000,"linear",function(){
$("#slide_front img").attr("src","img/slider1/sliderprincipal" + nextSlide + ".png");
$("#slide_front").css("opacity","1");
$("#counter").html(nextSlide);
timer=setTimeout("nextSlide()",timeLen);
});
}function prevSlide(){
clearTimeout(timer);
var current=parseInt($("#counter").html());
if(current==1)
{ var nextSlide=slides;}else{
var nextSlide=current-1;
}$("#slide_back img").attr("src","img/slider1/sliderprincipal" + nextSlide + ".png");
$("#slide_front").stop(true,true);
$("#slide_front").animate({opacity:"0"},2000,"linear",function(){
$("#slide_front img").attr("src","img/slider1/sliderprincipal" + nextSlide + ".png");
$("#slide_front").css("opacity","1");
$("#counter").html(nextSlide);
timer=setTimeout("nextSlide()",timeLen);
});
}$(document).ready(function(){
timer=setTimeout("nextSlide()",timeLen);
});
Valora esta pregunta
0