ContentFlow: Avoid Overlapping Images

Question

I am using ContentFlow ( http://www.jacksasylum.eu/ContentFlow/index.php ) and I would like to avoid image matching by adding 20px more on both the left and right sides. Could you tell me how to implement it? Many thanks! Corrado.

Answer 1

So what do you do:

• Install the DEFAULT addon
• Go to ContentFlowAddOn_DEFAULT.js and search:

     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};
             },

You are particularly interested in the number 0.75 at the end of var f .

• change it to 1.75 or higher, depending on your preference.