Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/02/2015, 12:43
Bluesman74cl
 
Fecha de Ingreso: marzo-2003
Ubicación: onde toy?
Mensajes: 1.437
Antigüedad: 21 años, 9 meses
Puntos: 9
setTiamout y Loop

Cómo están, yo medio complicado con un código.

Quiero pasarle el indice incrementado pero no me resulta. Alguna idea? desde ya muchas gracias

Código HTML:
Ver original
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
  2. #heading1, #heading2, #heading3, #heading4{
  3.     position: absolute;
  4.     left: -500px;
  5.     }
  6.  
  7. <script type="text/javascript">
  8. $(document).ready(function() {
  9.     loops=10000;
  10.     indice=1;
  11.     for(loops=0;loops<=10;loops++){
  12.         setTimeout(function() {
  13.             slide(indice);         
  14.         }, 1000);
  15.     }
  16. });
  17.    
  18.     function slide(indice){
  19.          $('#heading'+indice).css({opacity: 0}).animate({opacity: 1.0,left: "50px"}, 1000).delay(2000);
  20.          $('#heading'+indice).css({opacity: 0}).animate({opacity: 0,left: "-50px"}, 1000);     
  21.     }
  22. </head>
  23.  
  24. <span id="heading1">00000</span>
  25. <span id="heading2">111111</span>
  26. <span id="heading3">222222</span>
  27. <span id="heading4">333333</span>
  28. </body>
  29. </html>
__________________
Buena Vida...
Francisco