簡易版の画像のポップアップ

★　簡易版の画像のポップアップ。

簡易版でないのは、下記記事です。
http://ameblo.jp/new-blue-777/entry-11131277134.html




◆　フリープラグインへ追記する


①　ポップアップされた画像を右クリック禁止にしたい場合

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css" type="text/javascript"></script>
<script type="text/javascript">
simpleimgPOP1("a.detailOn",3000);
</script>

②　ポップアップされた画像を右クリックＯＫにしたい場合

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css" type="text/javascript"></script>
<script type="text/javascript">
simpleimgPOP2("a.detailOn",3000);
</script>

・　下記はフリープラグインの最初に１つあればＯＫです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>

・　下記は、既に、フリープラグインに存在すれば不要です

<script src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css" type="text/javascript"></script>

・　3000 は　３秒の意味です、表示までの時間をしてします。

・　a.detailOn　は記事の画像（編集ボタンで画像を載せた場合）のセレクタ名です。




◆　下記をCSSへ追記すれば、ポップアップの調整が可能です。
　　追記しなければ、標準の設定で表示されます。

/* ------------------------------------------- */
/* シンプル画像ポップアップの調整　　　　　　　*/
/* ------------------------------------------- */
#backg01{/* 全体背景 */
background-color:#00ffff !important;/* 背景色 */
}
#P_imgx{/* 画像 */
border:30px solid #333333;/* 画像枠 */
}
/* ------------------------------------------- */