JQuery - sliders jquery problema

   
Vista:

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


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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder