Wie kann ich Bilder aus der Diashow von nytimes.com in die Zwischenablage kopieren?

Bei Diashows auf der New York Times-Website wurde anscheinend ein Trick benutzt, um * mit einem Rechtsklick in Firefox (und IE / Chrome) ein Pixel von 1 x 1 "Bild anzeigen" oder "Bild kopieren" zurückzugeben. Die Bilder werden auch nicht gedruckt.

Wie kann ich dieses Problem bei einer Bildschirmaufnahme umgehen? Bonuspunkte für die Beschreibung, wie sie es getan haben.

* Es endet damit, dass Ijgww darauf hingewiesen hat, dass dies wahrscheinlich kein Trick ist, sondern wahrscheinlich auf einige Browsereinschränkungen zurückzuführen ist, die dieses seltsame Verhalten erfordern, wie aus dem Bild dieses Artikels hervorgeht , in dem Kopieren, Einfügen und Drucken korrekt funktionieren. Moral der Geschichte: Nimm niemals negative Absichten an.

Wenn es sich um eine Diashow handelt, ist dies möglicherweise überhaupt nicht trickreich. Viele Diashow-Lösungen sind aufgrund der X-Browser-Zuschneidefunktionen nur möglich, wenn sich das Bild im Hintergrund von CSS befindet. Und ein 1x1 Pixel wird verwendet, um die Schnittgröße zu definieren.

Die New York Times erstellt ein <div>Element, das das gestreckte und transparente Ein-Pixel-Bild enthält, und positioniert das reale Bild im Hintergrund:

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

So speichern Sie das Bild:

1. Klicken Sie mit der rechten Maustaste darauf.
2. Klicken Sie auf Bildinformationen anzeigen .
3. Wählen Sie das reale Bild (eines über dem Ein-Pixel-Bild).
4. Klicken Sie auf Speichern unter ... .

So drucken Sie die Seite:

1. Drücken Sie Ctrl+ P.
2. Öffnen Sie die Registerkarte Optionen .
3. Aktivieren Sie Hintergrundbilder drucken .
4. Klicken Sie auf Drucken .

1. Verwenden Sie das AdBlockPlus-Plugin, klicken Sie mit der rechten Maustaste auf das Bild und blockieren Sie es (wählen Sie die letzte Option "custom ... pixel.gif"). Nachdem Sie die Seite einmal aktualisiert haben, können Sie nun mit der rechten Maustaste auf das Bild klicken und "Hintergrundbild anzeigen" und "voila!" Auswählen.

   Dies ist die beste Option, da sie nur einmal ausgeführt wird und es Ihnen ermöglicht, Bilder aus Galerien ohne zusätzlichen Aufwand zu speichern.

2. Mit dem Firebug-Plugin unter Firefox oder mit der eingebauten Option in Chrome wählen Sie "Element überprüfen". Dann wird der HTML-Code auf das img-Tag mit src auf das hinterlistige pixel.gif verweisen. Das Div, das es enthält, hat das richtige Bild als Hintergrund. Kopieren Sie einfach die Bild-URL aus dem Stil des div-Elements (Hintergrundbild: URL) und schon sind Sie fertig.

Da Sie die Frage mit Firefox markiert und eine Methode zum Speichern des Bildes als korrekt markiert haben, schlage ich folgende Alternative vor:

• Entweder:
  • Rechtsklick auf Seite -> View Page Info.
  • Wählen Sie Tools-> Page Infoaus der Menüleiste.
• Wählen Sie im daraufhin Mediaangezeigten Fenster die Option "Tab".
• Navigieren Sie zu dem gewünschten Bild und klicken Sie auf die Save asSchaltfläche. Wenn Sie die Medien nach Größe sortieren, gelangen Sie in der Regel schneller zum gewünschten Bild.

Diese Methode funktioniert mit Diashows der NY Times. Am praktischsten ist es jedoch bei:

1. Seiten, die mehrere Bilder enthalten, die Sie herunterladen möchten. Sie können mehrere Dateien aus der Medienliste auswählen und mit einem Klick auf alle speichern Save as.
2. Seiten mit dummen Einschränkungen beim Rechtsklicken (zB IMDB-Diashows ). Diese Methode erspart Ihnen das Deaktivieren und erneute Aktivieren von Javascript.

Klicken Sie mit der rechten Maustaste und wählen Sie Element in Chrome überprüfen aus. Kopieren Sie nun die URL im Hintergrund-Bildfeld

Welches gibt mir den eigentlichen Link

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

Wenn es sich um eine Diashow handelt, ist dies möglicherweise überhaupt nicht trickreich. Viele Diashow-Lösungen sind aufgrund der X-Browser-Zuschneidefunktionen nur möglich, wenn sich das Bild im Hintergrund von CSS befindet. Und 1x1 Pixel wird verwendet, um die Zuschnittsgröße zu definieren.

Andere haben bereits geantwortet, wie man solches Bild herunterlädt. Ich wollte nur ein anderes Licht auf das Thema werfen, keine Kopfgelder sammeln.

Prost!

Ich würde einfach ein JavaScript-Lesezeichen verwenden, um das Dummy-Bild durch das echte zu ersetzen, dann können Sie es einfach speichern oder auf Ihren Desktop ziehen.

Wählen Sie den folgenden Code aus und ziehen Sie ihn direkt auf die Lesezeichen-Symbolleiste Ihres Browsers. Klicken Sie dann auf, um ihn auf jeder Seite auszuführen, auf der Sie das Bild anzeigen möchten:

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

Dies funktioniert nur auf dieser Site und nur, solange der HTML-Code so eingestellt ist, wie er gerade ist.

Verwenden Sie Chrome, klicken Sie mit der rechten Maustaste auf das Bild, und überprüfen Sie das Element. Ignorieren Sie das Image-Tag und suchen Sie in der Hintergrund-URL nach dem Div. Dadurch erhalten Sie den richtigen Image-Pfad, den Sie kopieren, in einen neuen Tab laden und speichern können

Hier ist eine allgemeine Lösung, die für jede Website funktionieren sollte.

Installieren und starten Sie Fiddler . Navigieren Sie zu der Site mit dem Bild.

Überprüfen Sie das erfasste Verkehrsprotokoll, das in Fiddler erfasst wurde, und Sie werden alle Bilder finden, die in Ihren Browser heruntergeladen wurden.

Drücken Sie PrtScrn, öffnen Sie ein Malprogramm und fügen Sie es ein.

Wenn Sie Windows verwenden: um nur das aktive Fenster zu erfassen: Alt+ PrtScrnWenn Vista oder höher, können Sie das Snipping-Tool verwenden, um nur eine Auswahl zu erfassen.

Alle Bilder, die Sie in Ihrem Browser sehen, werden in einem Cache irgendwo auf Ihrer Festplatte gespeichert. Sie können ein Cache-Ripping-Tool verwenden, um die Bilder nach der Browsersitzung zu extrahieren. Und Sie müssen nicht einzeln sparen. Eines der Werkzeuge, die Sie verwenden können, ist cacheCopy . Ermöglicht die Auswahl des Browsers, wählen Sie den Cache. Wie große Bilder (Dateigröße oder Auflösung) möchten Sie speichern? Außerdem können Sie Ihren Dateien einen richtigen Namen geben.

Der Nachteil dieses Ansatzes ist, dass Sie Bilder von der Zielsite aus allen anderen in Ihrem Cache herausfiltern müssen. Dies kann jedoch vermieden werden, wenn Sie den Cache leeren, bevor Sie nach geernteten Bildern suchen. Auch dieses Tool funktioniert nicht im privaten Modus, da dort kein Cache verwendet wird.

Haftungsausschluss: Es ist ein schamloser Stecker. Ich bin der Autor dieser App.

Im Allgemeinen: Chrome / Element überprüfen / Registerkarte Ressourcen / Frames / der einzige Frame auf der Seite / Bilder. Es gibt keinen Trick auf der Welt, der ein Bild von dieser Liste verbergen könnte.