如何实现这种缩放和非共享功能？

Question

我希望在点击视频缩略图时从Mozilla Firefox实现此效果。我也希望用照片来实现这一目标。参见：

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

然后点击缩略图播放按钮。

Answer 1

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

或者，如果您想要更多控制，您可以自己构建功能而无需太多努力：

1. 使用ajax
加载完整图片
2. 替换缩略图的src attribute（确保其尺寸固定）
3. 按animating的宽度/高度（如有必要，放大）缩放到最终图像的完整尺寸

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