3

jparallaxを非常に古いバージョンから1.0バージョンに更新するのに問題があります。jparallaxプラグインを使用して半分完成したサイトを継承しました。視差効果は完全でした。問題は、これが非常に古いバージョンであり、jQuery 1.2.6を使用しているため、画像の表示に使用される「カラーボックス」（ライトボックスなど）と、イベントの表示に使用するajaxに問題が発生することです。

最新のjqueryにアップグレードすると、ajaxとcolorboxの両方が修正されますが、視差が解消されます。誰かがより低いjparallaxから1.0にアップデートしたことがありますか？

著者のjParallaxgithubchangelogごとに次の変更を加えました

  1. 名前空間が「jParallax」から「parallax」に変更されました
  2. 'xtravel'および'ytravel'オプションが'xparallax'および'yparallax'として渡されるようになりました
  3. jQuery1.2.6から1.7.1に変更されました
  4. 古いjParallaxを1.0バージョンに置き換えました

私の問題を単純化する追加のメモ：

  1. デフォルトのマウスポートは本体です。これが私が欲しいものです。
  2. このサイトには「フリーズ/フリーズ解除」または「linkResponse」機能は必要ありません

私がやったことや提案に問題がある人はいますか？自分の間違いがどこにあるのかわからず、締め切りが迫っているので、助けていただければ幸いです。どんな方向でも大歓迎です。ご入力いただきありがとうございます。

4

1 に答える 1

1

drupalの下でjparallaxも使用していると思います。私はあなたが持っているのと同じ問題を抱えています。

triggerExposeEdges:true新しいバージョンでは機能していないようですが、作成者の変更ログには記載されていません。

また、私が試していたのは、視差効果を持つ3つの異なるdivがあることです。以前のバージョンでは、レイヤーは別々に移動していましたが、現在はマージされて移動し、右側にトリミングされます。これを修正する方法がわかりません。

編集： 3つのレイヤーに別々にjparalluxを定義することで、問題を解決しました。そしてもちろん、私はDrupalのデフォルトのjQueryで最新のjParalluxを使用しています。私が変更しなければならなかったのは、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,
  }); 
});

そして、私は、この方法であなたもあなたの問題を解決することができるだろうと思います。

于 2012-10-09T12:38:02.630 に答える