JavaScript 插件帮助 - ContentFlow

Question

我最近下载了一个 JavaScript 插件(在这里找到: http://www.jacksasylum.eu/ContentFlow/download.php )并且我正在尝试对其进行一些更改。到目前为止，我对代码所做的所有编辑都是通过阅读该网站上文档选项卡下的演练完成的。我搜索了又搜索，只能找到一段我认为可能是我需要更改的代码。我只是没有足够的 JavaScript 知识来做这件事。

如果您之前下载过该插件，或者您阅读了一些文档选项卡，下面是正在发生的情况的图片。

图标分布得太远。 (忽略图标，我只使用 Facebook 和 Twitter，因为它们很简单。)我需要它们更接近。 (它们分布在 960 像素宽的 div 上!)

我发现这段代码可能就是我正在寻找的。它称为步长。我不知道这是否是我需要的。谁能帮我补充一下吗？

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 容器的宽度。小图标展开以填充 960 像素的容器。您需要增加图像的大小和/或减小内容流包含的 div 的宽度。您可以使用 px 或 %。例如，在 contentflow 网站上，您可以看到主页右侧的图库的 div 宽度为:70%；。