带有翻转和旋转图像的jQuery图库

Question

我想使用jQuery创建一个图库。

它就像一堵图像墙，类似于上面所示的图像this video。它会使每个图像自动翻转和旋转，但不是所有图像同时翻转。一次显示不同的图像很好。

我已经花了很多精力去搜索，但却做不到。

以下是fiddle以及我所做的事情。

的JavaScript

$.fn.cycle.defaults.timeout = 6000;
$(function() {
    // run the code in the markup!
    $('td pre code').each(function() {
        eval($(this).text());
    });
});

/*#S5*/
$('#s5').cycle({
    fx:    'shuffle',
    delay: -4000,

});

/*#S6*/
$('#s6').cycle({
    fx:   'shuffle',
    shuffle: {
        top:  -230,
        left:  230
    },
    easing: 'easeInOutBack',
    delay: -2000
});

HTML

<div id="demos">
    <div id="s5" class="pics">
        <img src="http://malsup.github.com/images/beach1.jpg" width="200" height="200" />
        <img src="http://malsup.github.com/images/beach2.jpg" width="200" height="200" />
        <img src="http://malsup.github.com/images/beach3.jpg" width="200" height="200" />
    </div>       

    <div id="s6" class="pics">
        <img src="http://malsup.github.com/images/beach1.jpg" width="200" height="200" />
        <img src="http://malsup.github.com/images/beach2.jpg" width="200" height="200" />
        <img src="http://malsup.github.com/images/beach3.jpg" width="200" height="200" />
    </div> 
</div>