Javascript 视差悬停

我想在我的div上做一个悬停，背景中有一个缩放效果，这个jquery脚本使用视差效果：

但它不起作用，我怎么办

$（'span'）。视差({
imageSrc:'http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/background-pictures-2.jpg',
自然宽度：400，
速度：0.6
});
span{
高度：200px；
宽度：400px；
利润率：50像素；
显示：块；
位置：相对位置；
背景大小：100%；
}
跨度：悬停{
背景大小：120%；
}
您所拥有的应该可以工作，看起来插件正在劫持正常行为（github中报告了一些关于它的问题）

你可以在没有这个插件的情况下获得类似的效果，只是无法调整滚动的数量


span{
高度：200px；
宽度：400px；
利润率：50像素；
显示：块；
位置：相对位置；
背景：url（“http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/background-pictures-2.jpg");
背景附件：固定；
背景位置：中心；
背景大小：100%；
}
跨度：悬停{
背景大小：120%；
过渡：背景大小为1s；
}

根据需要使用尽可能少的插件

/*！
*视差.js v1.4.2(http://pixelcog.github.io/parallax.js/)
*@版权所有2016 PixelCog，Inc。
*@license-MIT(https://github.com/pixelcog/parallax.js/blob/master/LICENSE)
*/
!函数（t，i，e，s）{function o（i，e）{var h=this；“object”==typeof e&（delete.refresh，delete.render，t.extend（this，e）），this.$element=t（i），！this.imageSrc&&this.$element.is（“img”）&（this.imageSrc=this.$element.attr（“src”）；var=（this.position+）.toLowerCase（）.match（/\s+//g）\[]；如果（r.纵向什么是缩放效果？你的跨度上没有任何背景图像此缩放效果：。当你将鼠标移到跨度上时，内部的图像会变大。是的，但是如何添加视差效果？几乎！但它并不完美，悬停不是真的反应。我的意思是悬停不会对所有图像都起作用。例如，如果我悬停在第四张图片上，这是scaleYeah的第二张图片。问题是插件被颠倒了。所以我修复了它，看一看。这就是为什么在不必要的时候从不使用插件的原因