すべてのスペースを埋めるのに十分なアイテムがない場合、ContentFlowにすべてのアイテムを表示させるにはどうすればよいですか？これを読み

Question

みなさん、こんにちは。..

は、私はフローの5つの画像アイテムを持っているContentFlow.js

を試しています。コンテンツフローは、両側に7を表示するように設定されています。少なくとも5つのアイテムすべてを表示する代わりに、そのうちの3つだけを表示します。機能性は大丈夫ですが、私はすべての項目を示したことにしたい。

<link rel="stylesheet" type="text/css" href="/js/ContentFlow/contentflow.css" media="screen" /> 
<script type="text/javascript" src="/js/ContentFlow/contentflow.js"></script> 
<script tyle="text/javascript"> 
    var cf = new ContentFlow('contentFlow', {reflectionColor: "#ffffff",visibleItems:7,scaleFactor:1.3,circularFlow: false}); 
</script> 

...

<div class="item"> 
    <img class="content" src="image.png" /> 
</div> 

（このコードは示す例のように簡略化された）

Answer 1

画像の数があなたのならあなたはContentFlowをロードする前にカウントを確認することができますか？ 7より小さい場合はvisibleItemsをその値に設定します。それ以外の場合は7を使用します。

Answer 2

これはcontentflowのソースコードで直接修正できます。私はちょうど同じ問題に遭遇し、それを追跡しました。

したがって、contentflow_src.jsを開き、 "_positionItems"関数を探してください。 「これはうまく働いているが、私はそれ以上にこれをテストしていないので、この私にとって

for (var i=1; i <= this.conf.visibleItems && i < this.items.length ; i++) { 

：ちょうどと交換

for (var i=1; i <= this.conf.visibleItems && 2*i < this.items.length ; i++) { 

：あなたは、次のコード行を見つけることができます他の場合にバグが発生する可能性があります。自己責任で使用してください：