Ver Mensaje Individual
  #8 (permalink)  
Antiguo 21/05/2014, 14:38
ShinFDuran
 
Fecha de Ingreso: diciembre-2013
Ubicación: España
Mensajes: 21
Antigüedad: 10 años, 4 meses
Puntos: 2
Respuesta: ¿Como usar este script para rotar textos mas de una vez por pagina?

dharmauser como lo pusiste en la segunda vez es normal que no funcione si te fijas para los 3 textos estás usando la misma variable (var rotatingTextElement;) no estás creando 3 elementos, estás machando los valores de 1 3 veces.

Desde mi punto de vista, deberías modularizar el código. Crear un objeto padre cuyo constructor reciba: id de la etiqueta html y un array con los textos, y le creas un método cambiarTexto que reciba el contador.

Dentro de ese método, meter lo que sería la llamada que hace el cambio pero yo usaría algo en plan:
texto = arrayTextos[(contador % arrayTextos.length())]
Esto último te permitiría que pudieras tener arrays de textos de distinta longitud

Luego todos esos objetos, uno por cada texto que quieras cambiar o bien lo metes en un array o en otro objeto (a modo de colección).

Sólo tener un setInterval(rotateText, 3000); y dentro de rotateText hacer un for each de los objetos llamando a sus métodos cambiarTexto pasándole el valor del contador.

De esta forma, una vez tengas la estructura es muy fácil ampliarlo a x textos en pantalla y que a su vez cada texto pueda rotar con x mensajes.