Foros del Web » Programando para Internet » Jquery »

Como crear loop de una funcion en jquery?

Estas en el tema de Como crear loop de una funcion en jquery? en el foro de Jquery en Foros del Web. Hola, estoy desarrollando un script con jquery pero he quedado entrampado dejo el ejemplo para que me entiendan y el codigo que tengo. WEB: http://www.mediasur.cl/3/ ...
  #1 (permalink)  
Antiguo 04/05/2010, 10:43
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 11 meses
Puntos: 145
Como crear loop de una funcion en jquery?

Hola,

estoy desarrollando un script con jquery pero he quedado entrampado

dejo el ejemplo para que me entiendan y el codigo que tengo.

WEB: http://www.mediasur.cl/3/

CODIGO:
Código HTML:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<script language="javascript">
	$(document).ready(function()
		{
		$('.mod11').fadeIn(2000);
		setTimeout("$('.mod21').fadeIn(2000);",5000);
		setTimeout("$('.mod31').fadeIn(2000);",10000);
		
		setTimeout("$('.mod11').fadeOut(2000);",15000);
		setTimeout("$('.mod12').fadeIn(2000);",15000);
		
		setTimeout("$('.mod21').fadeOut(2000);",20000);
		setTimeout("$('.mod22').fadeIn(2000);",20000);
		
		setTimeout("$('.mod31').fadeOut(2000);",25000);
		setTimeout("$('.mod32').fadeIn(2000);",25000);
		
		setTimeout("$('.mod12').fadeOut(2000);",30000);
		setTimeout("$('.mod13').fadeIn(2000);",30000);
		
		setTimeout("$('.mod22').fadeOut(2000);",35000);
		setTimeout("$('.mod23').fadeIn(2000);",35000);
		
		setTimeout("$('.mod32').fadeOut(2000);",40000);
		setTimeout("$('.mod33').fadeIn(2000);",40000);
		
		setTimeout("$('.mod13').fadeOut(2000);",45000);
		setTimeout("$('.mod23').fadeOut(2000);",45000);
		setTimeout("$('.mod33').fadeOut(2000);",45000);
		});
</script>

<style type="text/css">
.slideshow{float:left; margin-right:4px; width:96px; height:69px; margin-bottom:4px;position: relative; }
.slideshow IMG{position:absolute;z-index:8;opacity:0.0; border:1px solid #EFEFEF;}
.slideshow IMG.active{z-index:10;opacity:1.0;}
.slideshow IMG.last-active{z-index:9;}
</style>
<div style="width:300px;">
<div class="slideshow" >
	<img src="logos/1/1unido.jpg" alt="" style="display:none" class="active mod21" />
    <img src="logos/2/1icontec.jpg" alt="" style="display:none" class="active mod22" />
    <img src="logos/3/1avina.jpg" alt="" style="display:none" class="active mod23" />
</div>

<div class="slideshow" >
	<img src="logos/1/2usaid.jpg" alt="" style="display:none" class="active mod11" />
    <img src="logos/2/2oea.jpg" alt="" style="display:none" class="active mod12" />
    <img src="logos/3/2bmundial.jpg" alt="" style="display:none" class="active mod13" />
</div>

<div class="slideshow" >
	<img src="logos/1/3bid.jpg" alt="" style="display:none" class="active mod11" />
    <img src="logos/2/3preciouswoods.jpg" alt="" style="display:none" class="active mod12" />
    <img src="logos/3/3explora.jpg" alt="" style="display:none" class="active mod13" />
</div>

<div class="slideshow" >
	<img src="logos/1/4syngenta.jpg" alt="" style="display:none" class="active mod31" />
    <img src="logos/2/4ch.jpg" alt="" style="display:none" class="active mod32" />
    <img src="logos/3/4bicevida.jpg" alt="" style="display:none" class="active mod33" />
</div>

<div class="slideshow" >
	<img src="logos/1/5sercotec.jpg" alt="" style="display:none" class="active mod21" />
    <img src="logos/2/5pacific.jpg" alt="" style="display:none" class="active mod22" />
    <img src="logos/3/5dwih.jpg" alt="" style="display:none" class="active mod23" />
</div>

<div class="slideshow" >
	<img src="logos/1/6fundacion.jpg" alt="" style="display:none" class="active active mod11" />
    <img src="logos/2/6swisscontact.jpg" alt="" style="display:none" class="active mod12" />
    <img src="logos/3/6fundes.jpg" alt="" style="display:none" class="active mod13" />
</div>

<div class="slideshow" >
	<img src="logos/1/7iica.jpg" alt="" style="display:none" class="active mod31" />
    <img src="logos/2/7ecos.jpg" alt="" style="display:none" class="active mod32" />
    <img src="logos/3/7freistaat-bayern.jpg" alt="" style="display:none" class="active mod33" />
</div>

<div class="slideshow" >
	<img src="logos/1/8gruponueva.jpg" alt="" style="display:none" class="active mod31" />
    <img src="logos/2/8cinset.jpg" alt="" style="display:none" class="active mod32" />
    <img src="logos/3/8el-inmobiliario.jpg" alt="" style="display:none" class="active mod33" />
</div>

<div class="slideshow" >
	<img src="logos/1/9amanco.jpg" alt="" style="display:none" class="active mod21" />
    <img src="logos/2/9carana.jpg" alt="" style="display:none" class="active mod22" />
    <img src="logos/3/9ccs.jpg" alt="" style="display:none" class="active mod23" />
</div>

</div> 
el punto es que solo se ejecuta una vez y necesito que quede indefinidamente,

lo intente con de la siguiente forma, pero no me funciona

Código HTML:
<script language="javascript">
	function slideStocker()
		{
		$('.mod11').fadeIn(2000);
		setTimeout("$('.mod21').fadeIn(2000);",5000);
		setTimeout("$('.mod31').fadeIn(2000);",10000);
		
		setTimeout("$('.mod11').fadeOut(2000);",15000);
		setTimeout("$('.mod12').fadeIn(2000);",15000);
		
		setTimeout("$('.mod21').fadeOut(2000);",20000);
		setTimeout("$('.mod22').fadeIn(2000);",20000);
		
		setTimeout("$('.mod31').fadeOut(2000);",25000);
		setTimeout("$('.mod32').fadeIn(2000);",25000);
		
		setTimeout("$('.mod12').fadeOut(2000);",30000);
		setTimeout("$('.mod13').fadeIn(2000);",30000);
		
		setTimeout("$('.mod22').fadeOut(2000);",35000);
		setTimeout("$('.mod23').fadeIn(2000);",35000);
		
		setTimeout("$('.mod32').fadeOut(2000);",40000);
		setTimeout("$('.mod33').fadeIn(2000);",40000);
		
		setTimeout("$('.mod13').fadeOut(2000);",45000);
		setTimeout("$('.mod23').fadeOut(2000);",45000);
		setTimeout("$('.mod33').fadeOut(2000);",45000);
		}
	
	$(function()
		{
		setInterval( "slideStocker()", 47000 );
		});
	
</script> 
Si alguien tiene una idea.

saludos
__________________
http://chicho.ninja yiaaaa
  #2 (permalink)  
Antiguo 04/05/2010, 12:50
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 11 meses
Puntos: 145
Respuesta: Como crear loop de una funcion en jquery?

Solucionado, pueden ver el codigo en el siguiente ejemplo

www.mediasur.cl/3

saludos
__________________
http://chicho.ninja yiaaaa

Etiquetas: funcion, loop
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:26.