Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marcelobbt

Textos formatados que mudam com o tempo

Recommended Posts

Eu achei na internet o script abaixo que muda os textos dentro de uma DIV conforme o tempo. No entanto, esse script exibe apenas texto sem formatação. Tem alguma forma que eu possa fazer para exibir formatações como por exemplo <i> ou <strong> em parte do texto?

//Função para alternar notícias
			$(document).ready(function(){
			    var textos = [
			    	"noticia 1",
			    	"noticia <strong>2</strong> com <a href="#">link</a>.</p>"
			    ];
			    //define exibição inicial
			    var atual = 0;
			    $('#noticia').html(textos[atual++]);
			    setInterval(function() {
			        $('#noticia').fadeOut(function() {
			            if (atual >= textos.length) atual = 0;
			            $('#noticia').text(textos[atual++]).fadeIn();
			        });
			    }, 6000);
			});

complementando, no html o DIV fica assim:

 

<div id="noticia"></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

troca .text() por .html()

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu até tinha feito isso e não havia funcionado. Então fiz outros testes aqui e notei que o html só aparece no primeiro texto, depois tudo fica como texto sem formatação.

Compartilhar este post


Link para o post
Compartilhar em outros sites

você mudou nessa linha:

$('#noticia').text(textos[atual++]).fadeIn();
para

$('#noticia').html(textos[atual++]).fadeIn();
??

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.