"Hosono Design Blog"

ライフスタイル、ウェブデザインなどに関するブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

写真の著作権表示

著作権などをアラートに表示します。


画像のタグにこんなのを書き込んで下さい。
onmousedown="alert('Copyright(C)2006 AAAAAAAAAAAA CO.,LTD. All Rights Reserved.');return(false);"

例:
<img src="images/******.gif" alt="****" width="***" height="***" border="0" onmousedown="alert('Copyright(C)2006 AAAAAAAAAAAA CO.,LTD. All Rights Reserved.');return(false);"/>
(注意)Blogにタグ表示するため「<」と「>」を全角文字にしています。


画像をクリックすると・・・・アラートが表示されます。

061219_02.jpg



IEだとかなり効果的です。

スポンサーサイト

ThickBoxというAJAX

061219_01.jpg


画像だけでなくHTMLの外部ファイルまで、
LightBox風に同一画面内に表示可能です。

jsファイルを2個、cssファイルを1個、gifファイルを1個
アップロードするだけです。


あとはこんな感じでリンクを指定します。
【HTMLの場合】
<a href="****.html?keepThis=true&TB_iframe=true&height=高さ&width=幅" title="ここに小窓のタイトルを書く" class="thickbox">リンクワード</a>

【画像の場合】
<a href="images/****.jpg" title="画像と一緒に表示させる文字" class="thickbox"><img src="images/サムネイル.jpg"></a>

(注意)Blog上にタグを表示するため「<」と「>」を全角文字にしています。


すごく簡単でした。
Windows IE 6.0, Windows IE 7, Windows FF 1.5, Windows Opera 9.0, Macintosh Safari 1.3.2 & 2.0.3, Macintosh FF 1.5は動作確認済みとのことです。(仮にMac IE 5では動きませんでした)

ThickBox
http://jquery.com/demo/thickbox/

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。