在页面上多次使用视差插件

Question

我正在使用 github 用于视差效果的插件：

https://github.com/cameronmcefee/plax

这是一个很棒的插件，但我想在页面上多次使用它。

//PLAX - ONE
$('#one img').plaxify()
$('#one .back').plaxify({ "xRange": 50, "yRange": 0 })
$('#one .front').plaxify({ "xRange": 30, "yRange": 0, "invert": true })
$.plax.enable({ "activityTarget": $('#one ') })
//PLAX - TWO
$('#two img').plaxify()
$('#two .back').plaxify({ "xRange": 50, "yRange": 0, "invert": true })
$('#two .front').plaxify({ "xRange": 30, "yRange": 0 })
$.plax.enable({ "activityTarget": $('#two ') })

所以这是行不通的，我相信我可以做一些简单的事情来让它工作。

Answer 1

看看这个 github 项目。