如何显示多个暂停滚动图像？ [英] How to show multiple Pausing Scroller images?

问题描述

你好..



我想显示一个暂停的滚动条，它会垂直显示图像。我已经浏览了一些博客和帖子谁建议有趣的javascripts / jqueries和CSS。大多数情况下它是水平的。

我在 http：// www找到了一个.dyn-web.com / code / scrollers / pausing / [ ^ ]。这很好，很轻。

我想一次显示3张图片。如果我自定义CSS以增加图像数量，它一次只显示一个。所有我需要提示我可以调整它以一次显示3个图像。



这是CSS：

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

您可以在这里找到相同的文档：

http://www.dyn-web.com/code/scrollers/pausing/ documentation.php [ ^ ]





谢谢和问候

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


Thanks and Regards

推荐答案

这篇关于如何显示多个暂停滚动图像？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！