我想使用缩放效果在每个图像上悬停(例如:http://maisonullens.com/collections/ss16),但我使用此jquery脚本使用视差效果:https://github.com/nk-o/jarallax
如何使用此脚本执行缩放效果,我该怎么做?
https://jsfiddle.net/uo34ru7d/25/
有人已成功解决了我的问题,但使用了其他插件: 我想和Jarallax合作。
div {
height:200px;
width:400px;
background-image:url("http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/background-pictures-2.jpg");
margin:50px;
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
$('div').jarallax({
// parallax effect speed. 0.0 - 1.0
speed : 0.8,
// path to your parallax image
imgSrc : null,
// width & height of your parallax image
imgWidth : null,
imgHeight : null,
// enable transformations for effect if supported.
enableTransform : true,
// z-index of parallax container.
zIndex : null
});
$("div").hover(function(){
$(this).stop().animate({"opacity":"0.5"});
}, function(){
$(this).stop().animate({"opacity":"1"});
});