私は自分のサイトで遅延ロードを行っています。しかし、誰かが Web ページを印刷したい場合は、読み込みスピナーではなく、画像も印刷するようにします。
ここに私の画像がどのように見えるかがあります
<img class="lazy" data-original="images/gd-0007.jpg" src="../../img/loadingplaceholder.gif">
@media print { } を使用して、src を元のデータと同じにしたいと思います。
これを試しましたが、うまくいきませんでした。(スタイルシートでそれが機能するかどうかを確認しました)
@media print {
.lazy {
src: attr(data-original);
}
}
これが私がアイデアを得た場所です: http://andydavies.me/blog/2012/08/13/what-if-we-could-use-css-to-manipulate-html-attributes/
役立つ場合は、jsfiddle を次に示します。 http://jsfiddle.net/gXpzb/