Back to the main page

Clickable logo parade


K-mart Radio Shack IBM Caterpillar Valvoline Hars Rock Cafe Quaker State

Smooth Div Scroll can be used to create a "parade" of clickable logos or banners. Either you make them scrollable or, like in this example, make them loop endlessly. I'm using the parameter pauseAutoScroll: "mouseover" to make the scrolling stop when I move the mouse over the scroller. Otherwise it would be difficult to click on the links.

Here's the CSS for the img-tags that I have put inside SmoothDivScroll in this example. There are also a-tags surrounding the images, but you don't need to style them at all.

	
	#logoParade div.scrollableArea img
	{
		float: left;
		margin-left: 25px;
	}
	
	

...and here's what the jQuery code looks like:

	
	$(function() {
		$("div#logoParade").smoothDivScroll({autoScroll: "always", autoScrollDirection: "endlessloop", pauseAutoScroll: "mouseover"});
	});
	
	
Back to the main page