¿Como usar este script para rotar textos mas de una vez por pagina?

[dharmauser]

Estimados @Italico76 y @ShinFDuran. Antes que nada agradecerles por el interés y sus comentarios.

He encontrado una solución y paso dejando cual fue para la comunidad y por si alguna otra alma en pena necesitara de algo como esto. Estoy seguro que no les resultara elegante pero por mi parte esta bien y funciona.


He utilizado este codigo que puede repetir tantas veces como necesite para modificar textos, imágenes o lo que desee. En este caso solo copio para dos elementos pero si repiten la porcion de codigo no encontraran problemas.

Código:

(function(){

    var texto1 = [
        'texto1-1',
        'texto1-2',
        ], i = 0;

    setInterval(function(){
        $('#texto1').fadeOut(function(){
            $(this).html(texto1[i=(i+1)% texto1]).fadeIn();
        });
    }, 2000);
    
})();

(function(){

    var texto2 = [
        'texto2-1',
        'texto2-2',
        ], i = 0;

    setInterval(function(){
        $('#texto2').fadeOut(function(){
            $(this).html(texto2[i=(i+1)% texto2]).fadeIn();
        });
    }, 2000);
    
})();

Espero que de algo sirva a la comunidad y nuevamente muchas gracias por el apoyo y comentarios.

Saludos.!