Comment copier des images de diaporama nytimes.com dans le presse-papiers?

Les diaporamas sur le site Web du New York Times semblent avoir utilisé certaines astuces pour * provoquer un clic droit dans Firefox (et IE / Chrome), puis "afficher l'image" ou "copier l'image" pour renvoyer un pixel de 1 x 1. Les images aussi ne seront pas imprimées.

Comment puis-je contourner ce court d'une capture d'écran? Des points bonus pour décrire comment ils l'ont fait.

* En fin de compte, Ijgww a souligné qu'il ne s'agissait probablement pas d'une supercherie, mais plutôt du fait de certaines limitations du navigateur qui exigent ce comportement étrange, comme le montre l'image de cet article , où copier, coller et imprimer fonctionnent correctement. Morale de l'histoire: ne présumez jamais d'intention négative.

S'il s'agit d'un diaporama, il se peut que ce ne soit pas une supercherie. De nombreuses solutions de diaporamas ne sont possibles que si l'image est à l'arrière-plan par css en raison des fonctions de recadrage de x-browser. Et un pixel 1x1 est utilisé pour définir la taille du rognage.

New York Times crée un <div>élément contenant l'image d'un pixel étirée et transparente et localise l'image réelle à l'arrière-plan:

<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>

Pour enregistrer l'image:

1. Faites un clic droit dessus.
2. Cliquez sur Afficher les informations sur l' image .
3. Sélectionnez l' image réelle (une au-dessus de l'image d'un pixel).
4. Cliquez sur Enregistrer sous ... .

Comment imprimer la page:

1. Appuyez sur Ctrl+ P.
2. Entrez dans l' onglet Options .
3. Cochez Imprimer les images d'arrière-plan .
4. Cliquez sur Imprimer .

1. Utilisez le plugin AdBlockPlus, faites un clic droit sur l'image et bloquez-la (sélectionnez la dernière option 'custom ... pixel.gif'). À partir de maintenant, après avoir actualisé la page une fois, vous pourrez cliquer avec le bouton droit de la souris sur l'image et sélectionner "Afficher l'image de fond" et le tour est joué!

   C’est la meilleure option, comme cela n’est fait qu’une fois, vous permettra de sauvegarder les images des galeries toujours sans effort supplémentaire.

2. Avec le plugin Firebug sous Firefox ou avec l'option de génération dans Chrome, sélectionnez "inspecter un élément". Ensuite, vous verrez le code HTML pointant vers la balise img avec src au pixel.gif. La div qui la contient a la bonne image en fond. Il suffit de copier l’URL de l’image à partir du style de l’élément div (background-image: url) et vous avez terminé.

Puisque vous avez marqué la question avec firefox et que vous avez marqué comme correcte une méthode décrivant comment enregistrer l'image, je suggère l'alternative suivante:

• Soit:
  • Faites un clic droit sur la page -> View Page Info.
  • Choisissez Tools-> Page Infodans la barre de menus.
• Sélectionnez MediaTab dans la fenêtre qui s’ouvre.
• Recherchez l'image que vous recherchez et cliquez sur le Save asbouton. Le classement du support par taille vous permet généralement d’accéder plus rapidement à l’image que vous recherchez.

Cette méthode fonctionnera avec les diaporamas du NY Times. Pourtant, il est plus pratique avec:

1. Pages contenant plusieurs images à télécharger. Vous pouvez sélectionner plusieurs fichiers dans la liste de supports et les enregistrer en un clic Save as.
2. Pages avec des restrictions stupides sur le clic droit (par exemple, diaporamas IMDB ). Cette méthode vous évite de devoir désactiver puis réactiver javascript.

Faites un clic droit et sélectionnez inspecter l'élément dans Chrome. Maintenant, copiez l'URL dans le champ image de fond

Ce qui me donne le lien réel

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

S'il s'agit d'un diaporama, il se peut que ce ne soit pas une supercherie. De nombreuses solutions de diaporamas ne sont possibles que si l'image est à l'arrière-plan par css en raison des fonctions de recadrage de x-browser. Et 1x1 pixel est utilisé pour définir la taille du rognage.

D'autres ont déjà répondu comment télécharger une telle image. Je voulais juste jeter un autre éclairage sur le sujet, pas pour collecter des primes.

À votre santé!

J'utiliserais simplement un bookmarklet JavaScript pour remplacer l'image fictive par la vraie. Vous pourrez alors la sauvegarder ou la faire glisser sur votre bureau.

Sélectionnez et faites glisser le code ci-dessous directement dans la barre d'outils des favoris de votre navigateur, puis cliquez dessus pour l'exécuter sur chaque page à partir de laquelle vous souhaitez afficher l'image:

javascript: var div = document.getElementsByClassName('image')[0]; var url = div.getElementsByClassName('centeredElement')[0].style.backgroundImage.replace(/^url\("|"\)$/g, ''); div.getElementsByTagName('img')[0].src = url; void(0);

Cela ne fonctionnera que sur ce site, et seulement tant qu'ils ont le code HTML comme ils le font actuellement.

Utilisez Chrome, cliquez avec le bouton droit sur l'image, effectuez l'inspection des éléments. Ignorez la balise image et recherchez l'URL d'arrière-plan de la div, ce qui vous donne le vrai chemin de l'image, que vous pouvez copier, charger dans un nouvel onglet et enregistrer.

Voici une solution générale qui devrait fonctionner pour n'importe quel site web.

Installez et démarrez Fiddler . Accédez au site avec l'image.

Vérifiez le journal de trafic capturé qui a été capturé dans Fiddler et vous trouverez toutes les images téléchargées sur votre navigateur.

Appuyez sur PrtScrn, ouvrez un programme de peinture, collez.

Si vous utilisez Windows: pour capturer uniquement la fenêtre active: Alt+ PrtScrn, si vous utilisez Vista ou une version ultérieure , vous pouvez utiliser l'outil Capture pour capturer uniquement une sélection.

Toutes les images que vous voyez sur votre navigateur sont stockées dans une mémoire cache quelque part sur votre disque dur. Vous pouvez utiliser un outil d’extraction de cache pour extraire les images après la session de navigation. Et pas besoin de sauver un par un. L'un des outils que vous pouvez utiliser est cacheCopy . Vous permet de choisir le navigateur, choisissez le cache. Quelle est la taille (taille du fichier ou résolution) des images que vous souhaitez enregistrer? Et vous permet également de donner à vos fichiers un nom propre.

L'inconvénient de cette approche est que vous devrez filtrer les images du site cible de toutes les autres de votre cache. Mais cela peut être évité si vous effacez le cache avant de commencer à parcourir les images récoltées. De plus, cet outil ne fonctionne pas en mode privé, car le cache n'y est pas utilisé.

Déni de responsabilité: c'est un bouchon éhonté. Je suis l'auteur de cette application.

En général: Chrome / Inspecter un élément / onglet Ressources / Cadres / le seul cadre de la page / Images. Aucune astuce dans le monde ne pourrait masquer une image de cette liste.