3

我无法将 jparallax 从非常旧的版本更新到 1.0 版本。我使用 jparallax 插件继承了一个半完成的站点。视差效果已完成 - 问题是这是一个非常旧的版本,使用 jQuery 1.2.6 这会导致用于显示图像(如灯箱)的“colorbox”和我用来显示事件的 ajax 出现问题。

升级到最新的 jquery 修复了我的 ajax 和 colorbox,但打破了视差。有没有人从较低的 jparallax 更新到 1.0?

我根据作者的jParallax github 更改日志进行了以下更改

  1. 命名空间从“jParallax”更改为“视差”
  2. 'xtravel' 和 'ytravel' 选项现在作为 'xparallax' 和 'yparallax' 传入
  3. 从 jQuery 1.2.6 更改为 1.7.1
  4. 用 1.0 版本替换了旧的 jParallax

简化我的问题的附加说明:

  1. 默认的鼠标端口是主体,这就是我想要的。
  2. 我不需要此站点的“冻结/解冻”或“链接响应”功能

有没有人看到我所做的事情有问题或有建议?我真的很感激帮助,因为我不明白我的错误在哪里并且正在迅速接近我的最后期限。任何方向将不胜感激。感谢您的任何意见。

4

1 回答 1

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

而且我认为,这样你也可以解决你的问题。

于 2012-10-09T12:38:02.630 回答