последовательный JQUERY с плавным переходом, как при воспроизведении видео - PullRequest
Новая
       22

последовательный JQUERY с плавным переходом, как при воспроизведении видео

0 голосов
/ 20 июля 2011

У меня есть 23 изображения, которые я хочу повернуть, и я хотел бы анимировать их, чтобы анимировать их с плавным переходом, как при воспроизведении видео Вот мой код 

            var counter = 1,
                srcStr1 = "img/anne/",
                srcStr2 = ".jpg",
                frames = $("<div id=\"frames\"></div>"),
                removeFrame = function() {
                    if (frames.children().length > 1) {
                        frames.children(":first").fadeOut("fast").queue(function(nxt) { 
                                $(this).remove();
                                nxt();
                            });

                    } else {
                        clearInterval(timer);   
                    }
                },
                timer = setInterval(function() { removeFrame() },200);

            //create frames
            for(var x = 23; x--;) {
                $("<img />", {
                    src:  srcStr1 + counter + srcStr2
                }).css("zIndex", x).appendTo(frames);
                counter++;
            }

            frames.appendTo("div");
...