Как я могу заставить ContentFlow показывать все элементы, если их недостаточно для заполнения всех пробелов?

Question

Привет всем, кто это читает ..

Я экспериментирую с 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>

(этот код упрощен в качестве показательного примера)

Answer 1

Если количество изображений, которые вы собираетесь показывать, является динамическим, можете ли вы проверить счетчик перед загрузкой ContentFlow?Если оно меньше 7, тогда установите visibleItems на это значение ... в противном случае используйте 7.

Answer 2

Вы можете исправить это непосредственно в исходном коде потока контента.Я просто столкнулся с той же проблемой и отследил ее.

Так что просто откройте 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