How can I copy nytimes.com slideshow images to the clipboard?
--
Music by Eric Matyas
https://www.soundimage.org
Track title: Over Ancient Waters Looping
--
Chapters
00:00 Question
01:21 Accepted answer (Score 82)
02:26 Answer 2 (Score 49)
03:19 Answer 3 (Score 17)
04:46 Answer 4 (Score 15)
05:15 Thank you
--
Full question
https://superuser.com/questions/473678/h...
Question links:
[Slideshows]: http://www.nytimes.com/slideshow/2011/09...
[pointed out]: https://superuser.com/a/473940/31240
[this article's image]: http://travel.nytimes.com/2012/09/16/tra...
--
Content licensed under CC BY-SA
https://meta.stackexchange.com/help/lice...
--
Tags
#browser #copypaste
#avk47
ACCEPTED ANSWER
Score 82
New York Times creates a <div>
element containing the stretched and transparent one-pixel image and locates the real image in the background:
<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>
To save the image:
- Right-click it.
- Click View image Info.
- Select the real image (one above the one-pixel image).
- Click Save As....
How to print the page:
- Press Ctrl + P.
- Enter the Options tab.
- Check Print Background Images.
- Click Print.
ANSWER 2
Score 49
Use AdBlockPlus plugin, right click on the image and block it (select the last option 'custom... pixel.gif'). From now, after refreshing page once, you'll be able to click with right mouse button on the image and selecting 'view background image' and voila!
This is the best option as done only once, will allow you to save images from galleries always without additional effort.
With Firebug plugin under Firefox or with build in option in Chrome select 'inspect element'. Then you'll see the HTML code pointing to the img tag with src to the sneaky pixel.gif. The div containing it has the proper picture set as background. Just copy the image url from div element's style (background-image:url) and you are done.
ANSWER 3
Score 17
Since you have tagged the question with firefox and you have marked as correct a method describing how to save the image, I suggest the following alternative:
- Either:
- Right click on page ->
View Page Info
. - Choose
Tools
->Page Info
from the menu bar.
- Right click on page ->
- Select
Media
Tab on the window that pops-up. - Browse to the image that you are looking for and click
Save as
button. Sorting the media by size usually helps you to get faster to the image you are looking for.
This method will work with NY Times slideshows. Yet, it comes most handy with:
- Pages which contain multiple images you want to download. You can select multiple files from the media list and save them all with one click of
Save as
. - Pages with silly restrictions on right-clicking (e.g. IMDB slideshows). This method saves you from having to disable and then re-enable javascript.
ANSWER 4
Score 15
Right click and select inspect element in Chrome. Now copy the url in the background-image field
Which gives me the actual link