bxSlider自定义过渡模式

Question

我试图为bxslider获得新的过渡效果，但我不确定这是否是正确的方法。
这是我到目前为止所做的：http://jsfiddle.net/wilfff/6KAFt/

$('.bxslider').bxSlider({
auto: true,
controls: false,
pager: false,
mode: 'fade',
delay: 8900/*,
onSlideBefore: function (elm) {
    elm.css({
        "-webkit-transition": ".9s ease-out",
        "-moz-transition": ".9s ease-out",
        "-ms-transition": ".9s ease-out",
        "-o-transition": ".9s ease-out",
        "transition": ".9s ease-out",
        "-webkit-transform": "rotateX(360deg)",
        "-moz-transform": "rotateX(360deg)",
        "-ms-transform": "rotateX(360deg)",
        "-o-transform": "rotateX(360deg)",
        "transform": "rotateX(360deg)"
    });
    elm.hide();
}*/,
onSlideAfter: function (elm) {
    elm.css({
        "-webkit-transition": ".9s ease-out",
        "-moz-transition": ".9s ease-out",
        "-ms-transition": ".9s ease-out",
        "-o-transition": ".9s ease-out",
        "transition": ".9s ease-out",
        "-webkit-transform": "rotateX(360deg)",
        "-moz-transform": "rotateX(360deg)",
        "-ms-transform": "rotateX(360deg)",
        "-o-transform": "rotateX(360deg)",
        "transform": "rotateX(360deg)"
    });
}

}）;

我想要实现的是这种效果：http://webstuffshare.com/demo/FlippingSlider/index.html

任何帮助将不胜感激！
干杯! ：）