你可以寫一個css動畫，給8張重復使用，至于每次只顯示一張，當?shù)谝粡垊赢嫿Y(jié)束后，再顯示下一張，以此類推。這個可以用js實現(xiàn)，可以監(jiān)聽webkitTransitionEnd事件，這個是當css完成過渡后觸發(fā)的事件。自行百度一下。

同動畫延遲啊

找到方法了，寫一個監(jiān)聽
//監(jiān)聽動畫

    var i=0;
    $("#conimg").attr("src", photos[i]);
    var animateRoll = document.getElementById('animateRoll');
    animateRoll.addEventListener("webkitAnimationIteration", function () {
        //console.log("動畫結(jié)束");
        i++;
        $("#conimg").attr("src", photos[i]);
        if(i==photos.length-1){
            i=-1;
        }
        //console.log(i);
    }, false);