rotate

by OwenMelbz

HTML

<script src="http://lab.smashup.it/lab/flip/js/jquery.flip.min.js"></script>
<div id="flip">lets go!</div>

CSS

#flip {
 width:300px;height:100px;color:white;text-align:center;line-height:100px;   
background-image: url('http://i50.tinypic.com/27zvvrp.jpg');
}

JavaScript

$(function() {
    var counters = [];
    var x = 0;
    /*counters[0] = "<img src='http://i50.tinypic.com/27zvvrp.jpg' />";
    counters[1] = "<img src='http://i50.tinypic.com/27zvvrp.jpg' />";
    counters[2] = "<img src='http://i50.tinypic.com/27zvvrp.jpg' />";
    counters[3] = "<img src='http://i50.tinypic.com/27zvvrp.jpg' />";
    counters[4] = "<img src='http://i50.tinypic.com/27zvvrp.jpg' />";
*/

    setInterval(function(){
        
        var counter = counters[x];
        x++;
        if (x >= counters.length){
            x=0;
        }

        $("#flip").flip({
            direction: 'tb',
            content: counter,
            //color:"lime"
        });

    }, 2000);


});