视差和比例效应

时间:2016-12-26 22:27:00

标签: javascript jquery css parallax

我想使用缩放效果在每个图像上悬停(例如:http://maisonullens.com/collections/ss16),但我使用此jquery脚本使用视差效果:https://github.com/nk-o/jarallax

如何使用此脚本执行缩放效果,我该怎么做?

https://jsfiddle.net/uo34ru7d/25/

有人已成功解决了我的问题,但使用了其他插件: 我想和Jarallax合作。

Hover with Parallax

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"});

});

0 个答案:

没有答案