1

私は自分のサイトで遅延ロードを行っています。しかし、誰かが 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/

4

1 に答える 1