画像をクリックすると本来のサイズを見れるようにする

画像リンクを利用して本来のサイズで画像を見れるようにする

こんにちワ。

お友達の方とかに、いい写真が撮れた時なんか、その写真本来のサイズで見てもらいたいなんて時もあるかと思います。

それをブログでやるセコワザを思いついたもんで御紹介しちゃいます^^;

以下の４枚の写真はクリックすると別タブで開いて、その本来のサイズで見る事ができます。

【手順】
1.画像URLを取得
2.画像URLをコードにはめ込む

手順といっても、大した事は無いんですが以下のような感じになります。

1.画像URLを取得

このアメブロでも、構わないんですが、アメブロは画像サイズが幅840ピクセルに縮小されてしまいます。
もし、大きなサイズで投稿できるWebサイトに（Dropboxとか・・）アカウントを持っておられれば、そちらにアップして画像URLを取得してください。
ちなみに、自分は上のサンプルの４枚の画像は、gooブログの画像フォルダーにアップして画像URLを取得しました。

2.画像URLをコードにはめ込む

以下のコードの★印の箇所に画像URLを貼り付けて下さい。

注1.赤字の「簡単な説明文」の箇所は任意の文章に差し替えて下さい。マウスが乗った時に表示されます。
注2.お好みで585をブログに表示させたい横幅のピクセル値に変更して下さい。

上で制作したタグをHTMLモードにした編集画面に貼り付ければ終了です。

◯思うこと
上手く撮る事ができた写真を本来のサイズで、お友達とかに見てもらいたい時なんかに使える方法かなぁ～～と思います^^;

☆ブィブィ ('-^*)/

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

画像をクリックすると本来のサイズを見れるようにする