JavaScript插件幫助 - ContentFlow

我最近下載了一個JavaScript插件（在這裏找到：http://www.jacksasylum.eu/ContentFlow/download.php），我試圖改變它一點。到目前爲止，我已經通過閱讀該網站的文檔選項卡下的演練來完成對代碼所做的所有編輯。我搜索和搜索，我只能找到一個代碼，我認爲可能是我需要改變。我只是沒有足夠的JavaScript知識來做到這一點。JavaScript插件幫助 - ContentFlow

如果您已經下載您閱讀一些單證標籤的插件之前，或者，這裏發生了什麼事情的圖片。

enter image description here

的圖標路太遠展開。（忽略圖標，我只是使用Facebook和Twitter，因爲它們很容易。）我需要它們更接近。（它們分佈在960像素寬的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;

這可能會更容易，如果你有插件，但任何知識都會有所幫助。

來源

2013-02-07 Ryan Fitzgerald

這是可能的，但沒有看到'stepWidth'是如何執行應用這很難說。它在調用中用於更改css嗎？ –

我相信如此。我不是100％肯定的，所以如果你想得到肯定的回答，你可能需要從該網站下載源代碼。但我大概有80％的把握。哈哈 –

這個JavaScript插件與jQuery無關。我更新了標題和標籤，並刪除了對jQuery的所有引用。 – Sparky

首先，這不是一個JQuery插件。您的問題與圖片大小和contentFlow容器的寬度都有關係。小圖標分散以填充960像素的容器。您需要增加圖像的大小和/或減少包含內容流的div的寬度。您可以使用px或％。例如，在內容流網站上，您可以看到主頁右側的圖庫具有一個div寬度：70％;.

來源

2013-02-20 20:20:59 Macsupport

首先安裝ContentFlowAddOn_DEFAULT.js，然後搜索「calcCoordinates：功能（項目）」，你會發現：

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）或更少，直到你到達正確的距離，你正在尋找

來源

2016-04-27 08:15:09 Shaimaa

JavaScript插件幫助 - ContentFlow

回答

相關問題