画像の右クリック禁止

●　　利用用途：バナーなどの紹介で、バナーＨＴＭＬを選択して右クリック、コピーを
　　出来るようにし、画像の右クリックは禁止する。



　右クリック禁止は、画像を完全にコピー防止する方法ではありません。


★　必ず、フリープラグインの最初に下記を入れてください

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

●　以下はフリープラグインへ入れて下さい



◆　メッセージなしの場合

<script type="text/javascript">
$(function(){$("IMG").bind("contextmenu",function(e){return false;})});
</script>

---

◆　メッセージを表示

<script type="text/javascript">
$(function(){$("IMG").bind("contextmenu",function(e){alert("画像の右クリック禁止");return false;})});
</script>

---

◆　パスワードを要求

<script type="text/javascript">
$(function(){$("IMG").bind("contextmenu",function(e){
passw=window.prompt("記事のパスワードを入れて下さい","");
if (passw != "abc") {
alert("パスワードが違います");return false;}})});
</script>

上記はパスワード　abc の例。

---

◆　指定した画像のみ右クリック禁止にする方法

<img src="画像のＵＲＬ" oncontextmenu="return false;">

●　メッセージ付き

<img src="画像のＵＲＬ" oncontextmenu="alert('この画像は、コピー禁止です');return false;">

画像を個別に指定する必要があります。

---

●　場所別に右クリックを禁止する。（下記はメッセージ出力の例）

①　ヘッダー（スキン）の右クリックを禁止する。

<script type="text/javascript">
$(function(){$(".skinHeaderArea").bind("contextmenu",function(e){alert("スキン画像の右クリック禁止");return false;})});
</script>

②　記事の右クリックを禁止する。

<script type="text/javascript">
$(function(){$(".articleText").bind("contextmenu",function(e){alert("記事の右クリック禁止");return false;})});
</script>

③　サイドバー左

<script type="text/javascript">
$(function(){$(".skinSubA").bind("contextmenu",function(e){alert("サイドバー左の右クリック禁止");return false;})});
</script>

④　サイドバー右

<script type="text/javascript">
$(function(){$(".skinSubB").bind("contextmenu",function(e){alert("サイドバー右の右クリック禁止");return false;})});
</script>

★　単純な右クリック禁止は下記を参照

http://ameblo.jp/new-bulue9/entry-10452746111.html