詳しい人求む！

全ての画像の上で右クリック禁止にする方法

締切済

質問者：aurelie00
質問日時：2015/05/18 03:13
回答数：1件

ブログが下に無限スクロールするタイプで
ブログのhtmlはそういうブログテーマを作成されて無料配布されている方のを使ってます。

htmlの<head>内に以下の右クリック禁止コードをいくつか置いてます。

<body onMouseDown="return false;" onSelectStart="return false" oncontextmenu="return false;">

<body oncontextmenu="return false;" oncopy="return false;">
<meta http-equiv="imagetoolbar" content="no" />
<script language="Javascript">
/*<![CDATA[*/
document.ondragstart = function(){return false;};
/*]]>*/
</script>

<script language="JavaScript">

</script>

<noscript>
<style type="text/css">

</style>
</noscript>

こんな感じで記述してます。

こうすると、テキストコメントやブログ内の左や右に固定して表示させている画像の上では
右クリックできません。
しかし縦に無限スクロールする中央部分(画像投稿で表示される部分)の画像の上では右クリックやドラッグが何故かできてしまいます。
そして画像の上で左クリックすると画像一つだけが中央に表示されるタイプなのですが、
そうすると、そうやって表示させた画像の上では右クリックできないようになってます。

最初から並んでる画像の上で右クリックできないようにしたいのですが、この場合他にどのような記述が必要でしょうか。
ブログ内にある画像全部で右クリック・ドラッグ禁止にしたいです。

それから、別の方法として画像の上に透明画像を置く方法もありますが、
これは一括で指定する事はできないんでしょうか?
全ての画像のurlを記述して透過画像urlを記述しなければいけないんでしょうか?
ブログ内にある画像全体に透過画像url一つで適用させる事は不可能でしょうか?

色々質問ばかりですみませんが、よろしくお願いします。

ちなみにこれが完璧な効力がない事も理解しています。
少しでも防止するという目的でやっています。

※ブラウザはグーグルクローム使用

はい、もちろんそれは承知の上です。
その上で質問内容のコードだけではうまく動作しないので、他に何かコードがあれば教えて欲しいです。

No.1の回答に寄せられた補足コメントです。補足日時：2015/05/18 13:08
通報する

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： xxi-chanxx
回答日時：2015/05/18 09:57

右クリックを禁止してもショートカットも使えればキャプチャーソフトも使えます。

ソースから画像を直に引っ張ってくることも、できるところではできますしね。

そこまでして守りたい画像ってなんですか？
そんなに大事な画像ならば、極端に画質を落として掲載するなど画像そのものを他人が使いづらくする方が良いように思えます。
ネットで掲載するものは拡散しても仕方ない程度に思う方が良いです。