如何使用Parallax.js模拟运动?

时间:2014-11-21 21:48:10

标签: javascript jquery mouseevent parallax

我正在尝试使用Parallax.js模拟移动,以测试改善其性能的方法。

但是,我如何在Parallax.js'00.5上以1originXoriginY之间来回循环。导致圆周运动?

http://jsfiddle.net/frank_o/amvvkm9z/

的伪代码:

var scene = $('#scene');

scene.imagesLoaded(function() {
  var circularMovement = [
    [0,0],
    [0.5,0],
    [1,0],
    [1,0.5],
    [1,1],
    [0.5,1],
    [0,1],
    [0,0.5]
  ];

  // Initiate Parallax

  scene.parallax({
    originX: 0,
    originY: 1
  });

  circularMovement.each(function() {
    scene.parallax('origin', N, N);
  });

  scene.masonry({
    itemSelector: '.layer'
  });
});

HTML:

<ul id="scene">
    <li class="layer" data-depth="0.00">
        <img src="http://lorempixel.com/50/50">
    </li>
    <li class="layer" data-depth="0.20">
        <img src="http://lorempixel.com/50/50">
    </li>
    ...
</ul>

0 个答案:

没有答案