gpt4 book ai didi

jQuery 环岛 : changing the number of items shown

转载 作者:行者123 更新时间:2023-12-01 06:10:54 25 4
gpt4 key购买 nike

我正在使用 jQuery Roundabout 插件。我想知道是否有办法选择显示的图片数量。我有十张图片,但其中只有三张应该可见,如“square”示例中的第二个(扩展)链接所示。

这怎么可能?

编辑更多信息:

jquery roundabout-plugin: 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>
<小时/>

这是项目 URL: http://www.eyes-on-fire.de/test/2/portfolio/tiere/index.php

(作为新手,我不被允许发布三个链接)

最佳答案

无需过多讨论细节:

maxScale: 1,
minScale: 0.7

应该可以解决问题。

这个想法是根据您的容器宽度/高度(如果适用)调整minScalemaxScale,以便您准确地看到您想要的图像/幻灯片的数量参见。

关于jQuery 环岛 : changing the number of items shown,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8948972/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com