2012-01-20 7 views
2

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つのリンクを投稿することは許されなかった)

+0

私はこれがあなたが話しているのと同じプラグインであると推測していますが、5つのうち3つ([標準デモ])(http://fredhq.com/projects/roundabout/demos/standard)が表示されます約。 – Sparky

+0

はい、右のプラグインですが、この例では5つの画像が表示されています。上記の情報を追加しました。 – Rene1981

+0

私はこれも必要です...私はXのイメージを持っています(それによってXはダイナミックで50ほどの大きさです)、3つのイメージしか表示しなくてはなりません。あなたは解決策を見つけましたか? – Chris

答えて

-1

詳細にあまり行かず:

maxScale: 1, 
minScale: 0.7 

トリックを行う必要があります。

minScalemaxScaleをコンテナの幅/高さに応じて調整して、見たい画像/スライドの数を正確に表示することです。

+0

はまったく動作しませんでした – shaikh

+0

@faizan:更新された回答を確認してください。 – Tiquelou

関連する問題