當沒有足夠的項目填充所有空間時，如何強制ContentFlow顯示所有項目？

大家你好誰讀這個..當沒有足夠的項目填充所有空間時，如何強制ContentFlow顯示所有項目？

我與ContentFlow.js

嘗試我在流5級圖像的項目。內容流配置爲在兩側顯示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>

（此代碼被簡化爲一個顯示例子）

來源

2011-07-18 tector

好吧，我只是包含空白圖像來填補空白。不知道這是否是解決方案，但現在它適用於我... – tector

如果圖像的數量你」重新顯示是動態的，您可以在加載ContentFlow之前查看計數嗎？如果它低於7，則將visibleItems設置爲該值...否則使用7.

來源

2011-08-15 13:58:27

您可以直接在內容流的源代碼中修復此問題。我遇到了同樣的問題並將其追查下來。

因此，只需打開contentflow_src.js並查找「_positionItems」功能即可。你會發現下面的代碼行：

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

只需將其替換爲：

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

對我來說，這是工作得很好，但我沒有測試過這個任何進一步的，所以這個「骯髒「修復可能會導致其他情況下的錯誤。請自行承擔風險：p

來源

2012-05-31 20:11:59 sebastian

當沒有足夠的項目填充所有空間時，如何強制ContentFlow顯示所有項目？

回答

相關問題