How can I copy nytimes.com slideshow images to the clipboard?
Hire the world's top talent on demand or became one of them at Toptal: https://topt.al/25cXVn
and get $2,000 discount on your first invoice
--------------------------------------------------
Music by Eric Matyas
https://www.soundimage.org
Track title: Ocean Floor
--
Chapters
00:00 How Can I Copy Nytimes.Com Slideshow Images To The Clipboard?
00:57 Answer 1 Score 15
01:15 Accepted Answer Score 82
01:52 Answer 3 Score 49
02:37 Answer 4 Score 17
03:34 Thank you
--
Full question
https://superuser.com/questions/473678/h...
--
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