SO - 30566564

by Arun P Johny

HTML

<script src="http://circletype.labwire.ca/js/plugins.js"></script>
<script src="http://circletype.labwire.ca/js/circletype.js"></script>
<div id="quote1" class="text-center main-content">First Text here</div>
<div id="quote2" class="text-center main-content">Second Text here</div>
<div id="quote3" class="text-center main-content">Third text here</div>

JavaScript

$(function () {
    $('.main-content').circleType({
        radius: 1000
    });

    var $els = $('div[id^=quote]'),
        i = 0,
        len = $els.length;
    $els.slice(1).hide();
    setInterval(function () {
        $els.eq(i).fadeOut(function () {
            i = (i + 1) % len;
            $els.eq(i).fadeIn();
        })
    }, 2000)
})