Revolver.js Transition: None

css.css

#my_slider {
    width: 720px;
    height: 300px;
    overflow: hidden;
    position: relative;
}

#my_slider .slide {
    left: 0;
    position: absolute;
    top: 0;
}

#my_slider .hidden {
    display: none;
}

html.html

<div id="my_slider">

    <img class="slide" src="../assets/img/1.png" alt="" />
    <img class="slide hidden" src="../assets/img/2.png" alt="" />
    <img class="slide hidden" src="../assets/img/3.png" alt="" />
    <img class="slide hidden" src="../assets/img/4.png" alt="" />
    <img class="slide hidden" src="../assets/img/5.png" alt="" />
    <img class="slide hidden" src="../assets/img/6.png" alt="" />

</div>

jquery.js

$('#my_slider').revolver({transition: {type: 'none'}});

mootools.js

$('my_slider').revolver({transition: {type: 'none'}});