我正在使用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


应该可以。

想法是根据容器的宽度/高度适当地调整minScalemaxScale,以便您可以准确地看到想要观看的图像/幻灯片的数量。

关于jquery - jQuery Roundabout:更改显示的项目数,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8948972/

10-11 23:56