Question

我最近下载了一个JavaScript插件（在此处找到：http://www.jacksasylum.eu/ContentFlow/download.php），我正在尝试将其更改一下。到目前为止，我对代码所做的所有编辑都是通过阅读该站点上的文档选项卡下的演练来完成的。我搜索和搜索过，我只能找到一段代码，我认为这可能是我需要改变的。我只是没有足够的JavaScript知识来做到这一点。

如果您之前已经下载了该插件，或者您阅读了一些文档选项卡，那么这里是正在发生的事情的图片。

enter image description here

图标分散得太远了。（忽略图标，我只是使用Facebook和Twitter，因为它们很容易。）我需要它们更接近。（它们正在扩展到960px宽的div！）

我发现这段代码可能正是我要找的。它被称为StepWidth。我不知道这是否是我需要的。任何人都可以填写我吗？

calcStepWidth: function(diff) {
        var vI = this.conf.visibleItems;
        var items = this.items.length;
        items = items == 0 ? 1 : items;
        if (Math.abs(diff) > vI) {
            if (diff > 0) {
                var stepwidth = diff - vI;
            } else {
                var stepwidth = diff + vI;
            }
        } else if (vI >= this.items.length) {
            var stepwidth = diff / items;
        } else {
            var stepwidth = diff * ( vI / items);
            //var stepwidth = diff/absDiff * Math.max(diff * diff,Math.min(absDiff,0.3)) * ( vI / this.items.length);
            //var stepwidth = this.flowSpeedFactor * diff / this.visibleItems;
            //var stepwidth = this.flowSpeedFactor * diff * ( this.visibleItems / this.items.length)
            //var stepwidth = this.flowSpeedFactor * diff / this._millisecondsPerStep * 2; // const. speed
        }
        return stepwidth;

如果您拥有插件，这可能会更容易，但任何知识都会有所帮助。

Answer 1

首先，这不是一个JQuery插件。您的问题是图像大小和contentFlow容器的宽度。小图标展开以填充960px容器。您需要增加图像的大小和/或减少内容流的包含div的宽度。您可以使用px或％。例如，在contentflow网站上，您可以看到主页右侧的图库具有div宽度：70％;。

Answer 2

首先安装 ContentFlowAddOn_DEFAULT.js ，然后搜索＆＃34; calcCoordinates：function（item）＆＃34;你会发现：

calcCoordinates: function (item) {
            var rP = item.relativePosition;
            //var rPN = item.relativePositionNormed;
            var vI = this.conf.visibleItems; 

            var f = 1 - 1/Math.exp( Math.abs(rP)*0.75);
            var x =  item.side * vI/(vI+1)* f; 
            var y = 1;

            return {x: x, y: y};
        },

尽量减少0.75（即0.3）或更小的值，直到达到你想要的距离为止

JavaScript插件帮助 - ContentFlow

2 个答案: