Javascript 如何使用Parallax.js模拟运动?
我试图用模拟运动,以测试提高其性能的方法 但是我如何在视差.js上的Javascript 如何使用Parallax.js模拟运动?,javascript,jquery,mouseevent,parallax,Javascript,Jquery,Mouseevent,Parallax,我试图用模拟运动,以测试提高其性能的方法 但是我如何在视差.js上的originX和originY之间来回循环,以引起圆周运动 伪代码: 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]
originX
和originY
之间来回循环,以引起圆周运动
伪代码:
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>