2011年 05月 02日 右クリックを禁止するブログパーツを利用して画像を拡大する

• 600×400 の画像をなにもせずに投稿内に表示させた場合





編集ページ上での記述:


[IMAGE|e0131412_1120395.jpg|201105/02/12/|left|600|400]


赤文字が元画像のサイズ。



• 600×400 の画像を 200×133 (同じ縦横比) で表示させたい場合





編集ページ上での記述:


[IMAGE|e0131412_1120395.jpg|201105/02/12/|left|200|133]


青文字が縮小表示させたサムネイルのサイズ。

青文字の数値を投稿内で表示させたいサイズに打ち替えれば縮小されて表示されます。

注) 縦横比を元画像にあわせないと天地や左右が圧縮された状態で表示されます。また、元画像をリサイズして表示させているので、ファイルサイズが大きい画像は表示されるまでに時間がかかる場合があります。

右クリックを禁止するブログパーツの設定手順


なお、上記の画像周辺にある影は
スタイルシートを編集することで表示させることができます。
(ブラウザが Internet Explorer の場合は表示されません)

その詳しい手順は エキサイトブログ (Exblog) のプチカスタマイズ#9 ::: 東南アジアのリゾートホテル写真集 に載せてありますのでよろしければあわせてお読み下さい。