Javascript ContentFlow:避免图像重叠

Javascript ContentFlow:避免图像重叠,javascript,Javascript,我使用的是ContentFlow(),我希望避免图像重叠,在左侧和右侧增加20px。 你能告诉我如何实施吗? 非常感谢! 科拉多。那么,你要做的是: 安装默认插件 转到ContentFlowAddOn\u DEFAULT.js并搜索以下内容: ALC坐标:功能(项目){ var rP=项目相对位置; //var rPN=项目相对位置规范化; var vI=this.conf.visibleItems; var f=1-1/数学经验(数学绝对值(rP)*0.75); var x=项目侧*vI/(v

我使用的是ContentFlow(),我希望避免图像重叠,在左侧和右侧增加20px。 你能告诉我如何实施吗? 非常感谢! 科拉多。

那么,你要做的是:

  • 安装默认插件
  • 转到
    ContentFlowAddOn\u DEFAULT.js
    并搜索以下内容:
  • ALC坐标:功能(项目){ var rP=项目相对位置; //var rPN=项目相对位置规范化; var vI=this.conf.visibleItems; var f=1-1/数学经验(数学绝对值(rP)*0.75); var x=项目侧*vI/(vI+1)*f; 变量y=1; 返回{x:x,y:y}; }, 您对
    var f
    末尾的
    0.75
    数字特别感兴趣

    • 根据您的喜好将其更改为1.75或更高

    您是否找到了解决方案?我也被这个问题弄糊涂了!PetrosI试过了,空间收益不大。在某个treshold之后,它所做的只是使动画变得奇怪。还有其他方法可以改变项目之间的距离吗?我发现行
    var x=item.side*vI/(vI+1)*f是增加项目之间距离的更直接的方法。你只要把它乘以。例如,
    var x=item.side*vI/(vI+1)*f*2.75
    alcCoordinates: 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};
                },