Example Fade-y Slideshow Thing

gistfile1.txt

.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');
});