jparallax从旧版升级到1.0版

时间:2012-01-31 14:58:23

标签: drupal drupal-7 parallax

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

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

我根据作者的jParallax github changelog

进行了以下更改
  1. 命名空间从'jParallax'更改为'parallax'
  2. 'xtravel'和'ytravel'选项现在作为'xparallax'传递 'yparallax'
  3. 从jQuery 1.2.6更改为1.7.1
  4. 用1.0版本替换旧的jParallax
  5. 简化我的问题的附加说明:

    1. 默认鼠标端口是正文,这就是我想要的。
    2. 我不需要此网站的'冻结/解冻'或'linkResponse'功能
    3. 是否有人看到我所做的或有建议的问题?我真的很感激帮助,因为我不明白我的错误在哪里,并且我正在迅速接近我的截止日期。任何方向将不胜感激。感谢您的任何意见。

1 个答案:

答案 0 :(得分: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,
  }); 
});

我认为,通过这种方式,您也可以解决问题。