右クリック禁止について

質問

写真を使用してロールオーバーのボタンを作成しました。
オンマウスしている時としていない時の画像は別のものを使用しているのですが、そのどちらも右クリックで画像の保存ができないようにしたいのですが、どういった方法がありますでしょうか？
ボタンではないところで掲載している写真は背景に画像をいれて、
透明GIFを上に入れているという簡単なものです。そのくらい簡単な方法で構いませんので教えていただけますでしょうか。

回答No.3

leap_day · ベストアンサー

こんにちは

visible.gif：透明画像
sample0.gif：通常画像
sample1.gif：オンマウス画像
visible.gifのwidth、heightは適宜調整

javascriptを使用して
<script language="javascript"><!--
window.onload=function() {
document.getElementById("input1").src="sample0.gif";
}
function ch() {
document.getElementById("input1").src="sample1.gif";
}
function rech() {
document.getElementById("input1").src="sample0.gif";
}
function push() {
ボタンを押したときの処理
}
//--></script>

<img src="visible.gif" style="position:absolute;width:20px;height:20px;" onMouseover="ch()" onMouseout="rech()" onClick="push()">
<input type="image" src="" id="input1">

とか、CSSを使用して
<style type="text/css">
a input {
background-image:url(sample0.gif);
background-repeat:no-repeat;
}
a:hover input {
background-image:url(sample1.gif);
background-repeat:no-repeat;
}
</style>

<a href="javascript:void(0);">
<input type="image" src="visible.gif" style="width:20px;;height:20px;">
</a>

とか？
どちらもそのまま記述するとソースですぐに画像の参照元が分かるのでjavascript(CSS)を外部ファイルにするとか・・・
まぁ、それでもそういった知識を持たれた方だと見ようと思えば見れるんだと思いますけど（－－；）
僕はまだそこまで知識持っていないのでこれでどうなのか？というのは分からないですけど（＞＜）
画像はこれで透明画像が保存されると思います

お礼

ありがとうございます。
早速これを試してみます。

回答No.2

noname#56568

CSSでidとして呼び出せば右クリでの画像保存はできなくなりますね。バックグラウンドとして出せばCSSでなくてもいいです。
ソースを解析すれば簡単に呼び出し元が分かってしまうので難解なJavascriptでも組まれればよろしいかと。

あとはキャッシュですがSSLで通信させれば、標準ではキャッシュとして溜めません。
保存させない完全な方法はありませんので、公開しないのが最善の方法です。

お礼

ありがとうございます。
SSLで通信させるとキャッシュとして溜めないのですね、初めてしりました。

回答No.1

dezimac

単純に右クリックできないようにすればいいだけでは。
http://www.google.co.jp/search?lr=lang_ja&q=%E5%8F%B3%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E7%A6%81%E6%AD%A2&ie=UTF-8&oe=UTF-8

理解されているとは思いますが、ハッキリいってウザイだけ意味ないですけどね。

CSS使って（背景画像で）ロールオーバーさせる手もあります。
http://www.stylish-style.com/csstec/basic/l-rollover6.html

公開している（見える形にしている）以上、コピーは可能です。
キャッシュを見る、ページ全体を保存する、スクリーンショットを撮る、Javascriptを無効にする等、ほんとに簡単にコピー出来ます。
ド素人相手なら右クリック禁止とかの小細工も有効でしょうが。

コピーされるのが嫌なら、公開しないことです。
ボタンとかなら、コピーされてもいいんだくらいの気持ちでいた方がいいですよ。コピーされる＝出来が良いと思って。
あまりにも神経質になり過ぎない方がいいですよ。

もちろん、無断コピーを容認しているのではありません。

お礼

ありがとうございます。
無駄な抵抗なのは承知の上なのですが、写真を撮った本人に、無駄ではありますが少しだけ努力をしていますというのを見せたかったのです、すいません。CSSを使ってためしてみます。