How to show multiple Pausing Scroller images?

See more:

Javascript

CSS

HTML

jQuery

, +

Hello..

I want to show a pausing scroller, which will display images vertically. I've gone through some blogs and post who suggest interesting javascripts/jqueries and CSS. Most of the time it is horizontal.
I found one at http://www.dyn-web.com/code/scrollers/pausing/[^]. It is nice and light.
I want to show 3 images at a time. If I customize the CSS for increasing number of images, It shows still one at a time. All I need the hint where I can tweak this to show 3 images at a time.

Here is the CSS:

<style type="text/css">

div#scroller  {
    width:150px; height:500px;
    margin:1em 0;
    padding:6px;
    background-color:#fff;
    border:1px solid #ddd;
    color:#032071;
    }
    
div#wn {
    position:relative;
	width:166px; height:500px;
	overflow:hidden;
    }
    
div#wn div.block {
    height:500px;
    text-align: center;
}

div#wn div.block a img {
    border: none;
}

div#wn div.block a:link,
div#wn div.block a:visited,
div#wn div.block a:hover {
    color:#0F2F8D;
    text-decoration: none;
    }


</style>

Here the script for passing parameters:

if ( DYN_WEB.Scroll_Div.isSupported() ) {
    
    DYN_WEB.Event.add( window, 'load', function() {
		var wndo = new DYN_WEB.Scroll_Div('wn', 'lyr');
		
		
		var options = {
			axis:'v',
			bRepeat:true,
			repeatId:'rpt',
			dur:800, // duration of glide-scroll
			bPauseResume:true,
			distance: 500, // distance of glide-scroll
			pauseDelay: 5000,
			resumeDelay: 300
			};
		
		wndo.makePauseAuto( options );
		
	});
}

You can find documentation of the same over here:
http://www.dyn-web.com/code/scrollers/pausing/documentation.php[^]


Thanks and Regards