Ping-pong scroller

Here's an example of a ping-pong scroller that is set to only autoscroll. I guess this is more fun than useful, but I bet there's someone who will find the perfect use for this condfiguration. Anyway, I though it would be nice to demonstrate it in case anyone is curious to see what it looks like. Here's the CSS for the images inside the scrollable area:

	
	#pingPongScroller div.scrollableArea img
	{
		float: left;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	

...and here's the jQuery code:

	
	$(function() {
		$("div#pingPongScroller").smoothDivScroll({autoScroll: "always", autoScrollDirection: "backandforth"});
	});
	
	

A special thanks to turbomilk.com for letting me use these cute icons! :-)

Back to the main page