ここから本文です

Javaスクリプトで、印刷時にページ内の画像を特定の画像に置き換えるには、どのよ...

creation0131さん

2008/5/2517:19:05

Javaスクリプトで、印刷時にページ内の画像を特定の画像に置き換えるには、どのように記述すればいいでしょうか?

閲覧数:
1,556
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

編集あり2008/5/2523:47:35

IEのみのJScriptの拡張機能ですがonbeforeprintとonafterprintを使えば可能ですが、当然IE(しかも5.0以降)でないと動きません。
本来のjavascriptのみでご質問の機能を実現するのは難しいです。

参考:JScript

<script type="text/javascript">
function beforePrint(){
document.getElementById("img").src="http://www.goo.ne.jp/img2/logo/gh_logo2.gif";
}
function afterPrint(){
document.getElementById("img").src="http://k.yimg.jp/images/top/sp/logo.gif";
}
</script>
<body onbeforeprint="beforePrint()" onafterprint="afterPrint()">
<img id="img" src="http://k.yimg.jp/images/top/sp/logo.gif" />
</body>



CSSの @media screen { } と @media print{ } を使えばできるかも・・と思います。

参考:CSS

<style>
@media screen {
#img1{display:inline;}
#img2{display:none;}
}
@media print{
#img1{display:none;}
#img2{display:inline;}
}
</style>
<body>
<img id="img1" src="http://k.yimg.jp/images/top/sp/logo.gif" />
<img id="img2" src="http://www.goo.ne.jp/img2/logo/gh_logo2.gif" />
</body>

.

この質問は投票によってベストアンサーに選ばれました!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問や知恵ノートは選択されたID/ニックネームのMy知恵袋で確認できます。