Estou desenvolvendo uma página e preciso exibir alguns textos e imagens de forma aleatória numa determinada parte da página.
Eu encontrei aqui no fórum (Exibir texto aleatoriamente) um código que quase faz o que eu preciso.
Segue o código:
$(document.body).ready(function(){
textos = ['Texto exemplo', 'Texto 2', 'Aleatório', 'Exemplo para o usuário', 'Texto 5'];
$('#textos').text(textos[0]);
setInterval(function() {
var indexTexto = Math.floor(Math.random() * textos.length); //Pegará um número aleatório entre 0 e a quantidade de textos;
$('#textos').text(textos[indexTexto]); //Definirá o texto de acordo com o índice sorteado
},
1000); //1 segundo
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script>
<div id="textos"></div>
Mas eu preciso que ao invés de exibir os textos que estão dentro do código, exiba algumas Divs chamando-as por suas respectivas IDs, que têm textos e imagens.
Tenho conhecimento básico em HTML e nenhum conhecimento em Javascript.
Se alguém puder me ajudar, ficarei grato.