Skip to content

Instantly share code, notes, and snippets.

@johnnyfreeman
Created July 3, 2012 15:06
Show Gist options
  • Save johnnyfreeman/3040308 to your computer and use it in GitHub Desktop.
Save johnnyfreeman/3040308 to your computer and use it in GitHub Desktop.
Revolver.js Transition: None
#my_slider {
width: 720px;
height: 300px;
overflow: hidden;
position: relative;
}
#my_slider .slide {
left: 0;
position: absolute;
top: 0;
}
#my_slider .hidden {
display: none;
}
<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>
$('#my_slider').revolver({transition: {type: 'none'}});
$('my_slider').revolver({transition: {type: 'none'}});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment