2012-01-31 235 views
3

我在更新jparallax從舊版本到1.0版本時遇到問題。我使用jparallax插件繼承了一個半完成的網站。視差效果是完整的 - 問題是,這是一個非常舊的版本,使用jQuery 1.2.6導致用於顯示圖像(如lightbox)的「colorbox」和我用來顯示事件的ajax的問題​​。jparallax從舊版本升級到1.0版本

升級到最新的jQuery修復了我的ajax和colorbox,但打破了視差。有沒有人從低jparallax更新到1.0?

我已經按照筆者的jParallax github changelog

  1. 命名空間從「jParallax」更改爲「視差」
  2. 「xtravel」和「ytravel」選項下面的變化,現在傳過來「xparallax」和 'yparallax'
  3. 從jQuery的1.2.6改爲1.7.1
  4. 與1.0版本替換舊jParallax

其他注意事項,簡化我的問題:

  1. 默認mouseport是身體,這就是我想要的。
  2. 我並不需要「凍結/解凍」或「linkResponse」功能,此網站

是否有任何人看到我做了什麼或有任何建議的問題?我真的很感激幫助,因爲我不明白我的錯誤在哪裏,並且正在迅速接近我的最後期限。任何方向將不勝感激。感謝您的任何意見。

+0

我已經解決了它只是通過寫一點JS只。 – Lenin 2012-12-13 07:38:43

回答

1

我想你也是在drupal下使用jparallax。我有同樣的問題,你有。

triggerExposeEdges:true似乎在新的版本,但在筆者的更新日誌沒有提到它可以不工作。

另外,我正在嘗試的是我有三個不同的div有視差效果。使用舊版本時,圖層會分開移動,但現在它們會合並在一起並被裁剪到右側。找不到解決這個問題的方法。

編輯: 我已經解決了這個問題,通過分別爲三層定義jparallux。當然,我正在使用最新的jParallux與Drupal的默認jQuery。我唯一需要改變的是Javascript:

jQuery(document).ready(function(){ 
    jQuery(".ceu").parallax({ // First layer div of cloud image 
    xparallax: "30px", 
    xorigin: 0.0, 
    yparallax: false, 
    }); 
jQuery(".runfundob").parallax({ // Second layer div of a Sunbeam 
    xparallax: "40px", 
    xorigin: 0.6, 
    yparallax: false, 
    }); 
jQuery(".bottom").parallax({ // Third layer div of a very wide hotel with a vintage car in front. 
    xparallax: "20px", 
    xorigin: 0.6, 
    yparallax: false, 
    }); 
}); 

我想,這樣你就可以解決你的問題了。

+0

謝謝,接受但留下了你如何解決你自己的反饋,因爲我們並沒有真正的問題,但當然可以通過jQuery解決。謝謝 – Lenin 2012-12-17 13:40:50