我无法成功，我已经使用了几件事情，我浪费了将近2天的时间来制作这件事，但仍然无法满足客户的需求
看到图像后你可能会想到我想要的东西，我试图在点击时移动png图像，会发生什么是用户点击的png图像将取代前面的png并且背景将保持稳定。
这是图片的链接： http://tinypic.com/view.php?pic=9hj90h&s=8#.U1Shkld4Pcc
提前致谢。
答案 0 :(得分：0)
您是在搜索carousel jquery plugin还是在尝试自己实施？
如果您真的希望我们提供帮助，请提供一个jsfiddle。我只能做出假设并给出一些一般性建议;背景图像应该是与要翻译的图像分开的图像（并进行转换）。每个图像都需要自己的点击事件（或文档上的观察者）。当用户点击时，找出当前图像所在的位置。找到当前图像应该处于的图像。获取位置。更改图像的上/左样式值。
当然，每个要转换的元素都需要[browser-prefix]-transition: all 2s linear
答案 1 :(得分：0)
我的理解是你想基本上为图像设置新的css值（-holder）。
$（'＃yourelementid'）。animate（height = new_height，width = new_width，otherattr = new_attr）
如果您已经知道所需的值，那么它应该非常直接。
这是$ .animate（）的手册页 https://api.jquery.com/animate/
提示：在您作为参考提供的网站中，他使用单独的图像在点击时显示，而不是将现有图像移动到中心。
你可以在中心有一个绝对位置的隐形元素，然后单击用所选图像填充它，并使其可见。
希望这会有所帮助