我正在使用jQuery Roundabout插件。我想知道是否有一种方法可以选择显示的图片数量。我有十张图片,但是应该只有其中三张可见,如“正方形”示例中的第二个(扩展)链接所示。
那怎么可能?
编辑更多信息:
jQuery Roundabout-插件:http://fredhq.com/projects/roundabout
和扩展名:http://fredhq.com/projects/roundabout-shapes/
->我想拥有“正方形”
相关代码:
<head>
<style>
.roundabout-holder {
list-style: none;
padding: 0;
margin: 0 auto;
text-align: center;
height: 500px;
width: 300px;
}
.roundabout-moveable-item {
cursor: pointer;
border: 1px solid #999;
bottom: 0;
}
.roundabout-in-focus {
cursor: auto;
}
</style>
<script type="text/javascript" src="../../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../../js/jquery.roundabout.js"></script>
<script type="text/javascript" src="../../js/jquery.roundabout-shapes.js"></script>
<script>
$(document).ready(function() {
$('ul.roundabout-holder').roundabout({
shape: 'square',
btnNext: ".next",
btnPrev: ".prev",
btnStopAutoplay: ".stop",
btnStartAutoplay: ".start",
duration: 1000,
autoplay: true,
autoplayDuration: 4000,
autoplayPauseOnHover: true,
reflect: false,
minOpacity: 0.5,
minScale: 0.1
});
});
</script>
</head>
<body>
<ul class="roundabout-holder">
<li class="roundabout-moveable-item"><a href="img/hauptbild-gross.jpg"><img src="img/hauptbild.jpg" width="466" height="500" /></a></li>
<li class="roundabout-moveable-item"><a href="img/baerenfamilie-gross.jpg"><img src="img/baerenfamilie.jpg" width="400" height="196" /></a></li>
<li class="roundabout-moveable-item"><a href="img/hamster-bleistift-gross.jpg"><img src="img/hamster-bleistift.jpg" width="400" height="351" /></a></li>
<li class="roundabout-moveable-item"><a href="img/hamster-schlafend-gross.jpg"><img src="img/hamster-schlafend.jpg" width="400" height="302" /></a></li>
<li class="roundabout-moveable-item"><a href="img/hamster-schmetterling-gross.jpg"><img src="img/hamster-schmetterling.jpg" width="400" height="374" /></a></li>
<li class="roundabout-moveable-item"><a href="img/hase-gross.jpg"><img src="img/hase.jpg" width="384" height="500" /></a></li>
</ul>
</body>
</html>
这是project-url:
http://www.eyes-on-fire.de/test/2/portfolio/tiere/index.php
(不允许我以新手身份发布三个链接)
最佳答案
无需太详细:
maxScale: 1,
minScale: 0.7
应该可以。
想法是根据容器的宽度/高度适当地调整
minScale
和maxScale
,以便您可以准确地看到想要观看的图像/幻灯片的数量。关于jquery - jQuery Roundabout:更改显示的项目数,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8948972/