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

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のバッテリーは十分もっている

  2. EasyWineの解像度が低く、ウィンドウがでかい

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

  4. AmebaからFacebookへ、連携方法の変更

  5. PhotoshopでFaviconを作成

  6. クラムシェルモードで快適なデスク環境を整える

  7. HeadSpaceの設定

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

PAGE TOP