jQuery循环函数从头开始 - 翻转函数

Question

这是代码：http://jsfiddle.net/VW8V5/1/

当悬停它应该开始循环但循环结束它以某种方式只显示img3和img4（循环img3到img4），它应该从头开始。当鼠标悬停时，它应该停在img1。

Answer 1

这将循环显示所有四个图像。当你停止在其他地方停留以停止图像循环时，我不确定你想要完成什么。

/* FOR PEOPLE LIST ITEMS */
$(".box a").hover(
    function () {
        var self = $(this);
        self.data("hover", true);
        function flip() {
            var top = self.closest(".box");
            var next = top.find(".current").next("img");
            if (!next.length) {
                next = top.find("img:first");
            }
            top.find("img").hide().removeClass("current");
            next.addClass("current").show().flip({
                direction:'tb',
                speed: 200,
                onEnd: function(){
                    if (self.data("hover")) {
                        setTimeout(flip,500);
                    } else {
                        top.find(".hidden").fadeOut("slow");
                        top.find(".active").fadeIn("slow");
                    }
                }
            })
        }
        flip();

    }, 
    function () {
        $(this).data("hover", false);
    }
);

此处的演示演示：http://jsfiddle.net/jfriend00/hQnXm/