Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .faderotate {
- height: 250px;
- position: relative;
- width: 100%;
- }
- .faderotate .slide {
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
- }
- .faderotate .hidden {
- left: -9999px;
- }
- <a href="#" class="next">Next</a>
- <a href="#" class="prev">Prev</a>
- <ol class="faderotate">
- <li class="slide">
- Stuff
- </li>
- <li class="slide">
- Things
- </li>
- </ol>
- $('.slide').not(':first').addClass('hidden');
- $('.next').click(function() {
- $('.slide:visible')
- .addClass('hidden')
- .next()
- .removeClass('hidden');
- });
- $('.prev').click(function() {
- $('.slide:visible')
- .addClass('hidden')
- .prev()
- .removeClass('hidden');
- });
Add Comment
Please, Sign In to add comment