jquery循环插件：在移出上一张幻灯片之前先移入新幻灯片？

我想做一个幻灯片从左到右从div建立。但是，我不想简单地让当前幻灯片向外移动，下一张幻灯片向内移动，我希望使用cycle插件结合缓和功能制作一个更好的动画

我正在寻找的动画/过渡描述如下：假设当前幻灯片在视图中，则下一张幻灯片应反弹到当前幻灯片的左侧，有效地将当前幻灯片踢出，然后新幻灯片应出现。我已经算出来了，但我就是不能正确地把握幻灯片的进出时间

为了完整起见，我使用jQuery1.8.3，简化了1.3ANC循环插件2.99

下面是我现在所拥有的，任何帮助都将不胜感激

HTML:

幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
#固定框{位置：相对；宽度：300px；高度：180px；背景色：000000；颜色：白色；左侧：100px；}
.slide{位置：相对；宽度：250px；高度：130px；填充：2px 8px；溢出：隐藏；背景色：#777777；}
$（函数（）{
$（“#固定框”）。在（''）之前。循环({
fx:'向右滚动'，
超时：1000，
寻呼机：“#导航”，
easeIn：“easeInBounce”，
easeOut:'线性'，
speedIn:2000，
加速输出：1000，
同步：1000
});             
});

<div id="fixed_box">
    <div class="slide">
        <h4>Slide 1</h4>
    </div>
    <div class="slide">
        <h4>Slide 2</h4>
    </div>
    <div class="slide">
        <h4>Slide 3</h4>
    </div>
    <div class="slide">
        <h4>Slide 4</h4>
    </div>
    <div class="slide">
        <h4>Slide 5</h4>
    </div>
</div>

<style>
    #fixed_box {position:relative; width:300px; height:180px; background-color:000000; color:white; left:100px;}
    .slide {position:relative; width:250px; height:130px; padding:2px 8px; overflow:hidden; background-color:#777777;}
</style>


<script type="text/javascript">
    $(function(){
        $("#fixed_box").before('<div id="nav">').cycle({
            fx: 'scrollRight',          
            timeout: 1000,
            pager: '#nav',
            easeIn: 'easeInBounce',
            easeOut: 'linear',
            speedIn: 2000,
            speedOut: 1000,
            sync: 1000
        });             
    });
</script>