jQuery Roundaboutプラグインを使用しています。表示される画像の数を選択する方法があるかどうか疑問に思っています。私は10枚の写真を持っていますが、「正方形」の例の2番目の(延長)リンクに示されているように、3枚しか見えません。jQuery Roundabout:表示されている項目の数を変更する
どうすれば可能ですか?さらに情報を
編集:
jqueryのラウンドアバウトプラグイン: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
(私は初心者として3つのリンクを投稿することは許されなかった)
私はこれがあなたが話しているのと同じプラグインであると推測していますが、5つのうち3つ([標準デモ])(http://fredhq.com/projects/roundabout/demos/standard)が表示されます約。 – Sparky
はい、右のプラグインですが、この例では5つの画像が表示されています。上記の情報を追加しました。 – Rene1981
私はこれも必要です...私はXのイメージを持っています(それによってXはダイナミックで50ほどの大きさです)、3つのイメージしか表示しなくてはなりません。あなたは解決策を見つけましたか? – Chris