基于光标位置的图库/div 幻灯片

Question

我正在寻找一种解决方案，根据光标与窗口左侧或右侧的接近程度为水平画廊 (div) 设置动画。窗口的中心不会做任何事情，但是当您开始向左移动时，画廊会向右滑动，反之亦然。很常见的事情，但我想用 javascript/jquery 来完成。如果有人能让我走上正轨，我将不胜感激。

Answer 1

（编辑）有关更新和改进的示例，请转到此 SO 问题：
Horizontal scroll on mouseMove - wide div in smaller div with overflow:hidden (Can't get the math to work)

---

我创建了一个 mousemove 画廊。 希望这会有所帮助。

JSFIDDLE 演示：MOUSEMOVE GALLERY

只需在 CSS 中设置画廊容器所需的宽度和高度。
用图片填充画廊，尽情享受吧！ :)
代码被简化和注释以帮助任何人升级它。

Answer 2

大量示例和插件；

http://www.dynamicwp.net/articles-and-tutorials/top-20-jquery-slideshow-and-image-gallery-tutorials/

http://plugins.jquery.com/plugin-tags/slideshow