如何实现这种缩放和缩小功能

Question

我希望有人可以指出我在正确的方向，以实现从Mozilla Firefox的这种效果，当点击一个视频缩略图，因为我也想实现这一点与照片作为好，即请参见：>

http://en-gb.www.mozilla.com/en-GB/firefox/3.5.1/whatsnew/

，并单击缩略图播放按钮。

谢谢。 Tony。

Answer 1

如果您使用的是jQuery，那么有很多插件可以提供缩放样式的拇指到全长的效果。例如fancybox（请参见this page上的第三个单个图像示例）。

另外，如果你想要更多的控制，你可以自己构建的功能没有太多精力：

1. 负载与ajax
2. 完整的图像替换srcattribute您的缩略图（确保其一个固定大小的）必要
3. 由animating执行变焦的宽度/高度（&位置）到最终图像

的全尺寸

请注意，根据您显示的内容（例如，如果您正在为嵌入式Flash视频执行此操作），您可能需要通过缩放缩略图（或其他占位符图像）来切换2 & 3的顺序， &然后交换最终的全尺寸内容。