如何将 nytimes.com 幻灯片图像复制到剪贴板？

Question

纽约时报网站上的幻灯片似乎使用了一些技巧来*导致在 Firefox（和 IE/Chrome）中右键单击，然后“查看图像”或“复制图像”以返回 1 x 1 像素。图像也不会打印。

我怎样才能绕过这个短的屏幕截图？描述他们如何做到的奖励积分。

*最后，Ijgww指出这可能不是诡计，而是可能是由于某些浏览器限制需要这种奇怪的行为，正如本文的图像所证明的那样，复制、粘贴和打印功能正确。这个故事的寓意：永远不要假设消极的意图。

如果它是幻灯片，它可能根本不是技巧。由于 x 浏览器的裁剪功能，许多幻灯片放映解决方案只有在图像通过 css 位于背景中时才有可能。1x1 像素用于定义裁剪尺寸。

Answer 1

《纽约时报》创建了一个<div>包含拉伸和透明的一像素图像的元素，并在背景中定位真实图像：

<div class="centeredElement" style="background-image:url('http://graphics8.nytimes.com/images/2011/09/21/dining/20110921-ROSH-slide-CBSF/20110921-ROSH-slide-CBSF-slide.jpg');width:600px; height:400px;">
<img width="600" height="400" src="http://graphics8.nytimes.com/images/misc/pixel.gif" />
</div>

要保存图像：

1. 右键单击它。
2. 单击查看图像信息。
3. 选择真实图像（一像素图像上方的一张）。
4. 点击另存为...。

如何打印页面：

1. 按Ctrl+ P。
2. 进入选项选项卡。
3. 检查打印背景图像。
4. 单击打印。

Answer 2

1. 使用 AdBlockPlus 插件，右键单击图像并阻止它（选择最后一个选项“自定义... pixel.gif”）。从现在开始，刷新页面一次后，您就可以在图像上单击鼠标右键并选择“查看背景图像”，瞧！

   这是最好的选择，因为只做一次，将允许您始终无需额外的努力即可保存画廊中的图像。

2. 使用 Firefox 下的 Firebug 插件或 Chrome 中的内置选项，选择“检查元素”。然后你会看到 HTML 代码指向 img 标签，src 指向鬼鬼祟祟的 pixel.gif。包含它的 div 将正确的图片设置为背景。只需从 div 元素的样式 (background-image:url) 复制图像 url 即可。

Answer 3

由于您已使用 Firefox 标记了该问题，并且您已将描述如何保存图像的方法标记为正确，因此我建议采用以下替代方法：

• 任何一个：
  • 右键单击页面 -> View Page Info。
  • 从菜单栏中选择Tools-> Page Info。
• Media在弹出的窗口中选择Tab。
• 浏览到您要查找的图像并单击Save as按钮。按大小对媒体进行排序通常可以帮助您更快地找到要查找的图像。

此方法适用于纽约时报幻灯片。然而，它最方便的是：

1. 包含要下载的多个图像的页面。您可以从媒体列表中选择多个文件，然后一键保存Save as。
2. 对右键单击有愚蠢限制的页面（例如IMDB 幻灯片）。此方法使您不必先禁用然后重新启用 javascript。

Answer 4

右键单击并选择 Chrome 中的检查元素。现在复制背景图片字段中的网址

这给了我实际的链接

http://graphics8.nytimes.com/images/2011/09/21/dining/20110921-ROSH-slide-CBSF/20110921-ROSH-slide-CBSF-slide.jpg

Answer 5

如果它是幻灯片，它可能根本不是技巧。由于 x 浏览器的裁剪功能，许多幻灯片放映解决方案只有在图像通过 css 位于背景中时才有可能。1x1 像素用于定义裁剪尺寸。

其他人已经回答了如何下载此类图片。我只是想为这个主题提供一些其他的线索，而不是收集赏金。

干杯!