画像コピー防止についての気休め

http://www.jigyousyoukei.co.jp/ホームページの画像を簡単にコピーされたくないと、ちょっと尋ねられたので、以下にメモしておきます。

右クリックを禁止する方法

1)Bodyに追加

<BODY oncontextmenu=”return false”>
2)JavaScriptがある
3)Flashをつかう
4)透明画像を重ね合わせる
■HTML
<div class=”sample”>
<span class=”guard”></span>
<IMG src=”http://www.xxx.xxx/image/xxx.jpg” alt=”保存できない画像” width=”200″ height=”100″>
</div>
■CSS
div.sample{
    position:relative;
    width:200px;
    height:100px;
}
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(../image/spacer.gif);
}
■コメント
SPANはIMGの前
PSITION:RELATIVE;は必須
WIDTHとHEIGHTは画像のサイズに合わせる
spacer.gifは1ピクセルの透明な画像
ページのどこかに「著作権の都合上画像は保存できないようになっております」 などの注意書きを添えたほうが良い
テキストのコピー防止はソースをみれば可能だが同様のやり方でIMGをPにすればよい。

以上です。

中小企業診断士 山口亨

関連記事

  1. IS06 Siriusα の利用レポート

  2. IS06のバッテリーは十分もっている

  3. アマゾンランキングのテスト2

  4. MACでファイルの関連付け

  5. あなたの会社のメタボチェック「経営力自己診断」サイトオープン

  6. 携帯のキャリアはどこ?

  7. ブログ移転してみました

  8. CoreserverでWordPressが開かなくなった

PAGE TOP