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