1

大家好，阅读本文的人。。

我正在试验 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>

（此代码已简化为示例）

4

2 回答 2

1

如果您要显示的图像数量是动态的，您可以在加载 ContentFlow 之前查看计数吗？如果它低于 7，则将 visibleItems 设置为该值...否则使用 7。

于 2011-08-15T13:58:27.567 回答
0

您可以直接在 contentflow 的源代码中修复此问题。我刚刚遇到了同样的问题并追踪了它。

因此，只需打开 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-31T20:11:59.613 回答