смена текста и изображений

У меня есть два тега div, внутри каждого div, имеют заголовок <h3> а в другом - тег <img>, необходимо изменить изображение и текст каждого div в заданное время, как это происходит на слайде. как я могу это сделать? это тоже должно быть бесконечно

<div class="fios-cobre">
        <div class="texto">
            <ul class="texto-balao">
                <li><h1 class="text-rotate">Fios e cabos de cobre nú</h1></li>
                <li class="separador"></li>
                <li>São recomendados para instalações de linhas aéreas para transmissão de energia elétrica.</li>
                <li><a href="<?php echo site_url("produtos"); ?>"><img src="<?php echo base_url(); ?>assets/img/saiba-mais.png" alt=""></a></li>
            </ul>
        </div>
        <div class="imagem">
            <img src="assets/img/box-fio-cobre.png" alt="">
        </div>
    </div><!-- /.fios-cobre -->
</div>