jquery - 如何使对称图像相互滚动？

Question

这很难解释，所以请查看http://www.adhamdannaway.com。

我想为我的在线作品集创建一个类似的前端，但我找不到任何关于如何使用它的信息。会是jquery还是css？

此处显示了一个类似的系统：http: //www.indigorenderer.com/sketchup/

查看代码时，当您在图像上移动时，html 大小会发生变化。我认为这与视差滚动有关。

有人可以说明情况并指出正确的方向吗？

谢谢。

Answer 1

嗯，第二个链接有两个图像，一个是黑白的，另一个是彩色的。然后使用css位置将两个图像放在另一个之上（现在显示一个图像）。然后使用jquery您可以在图像上执行onhover事件 - 更改另一个图像的宽度并仅显示块并在悬停时增加宽度.

Answer 2

效果是视差。此示例显示了您可能想要的效果。请注意红色层如何跟随光标而背景图像保持在原位。您需要将背景设置为一个图像，将“红色”图层设置为第二个图像。您还需要将“红色”图层设置为仅在 x 方向上移动。