画像リンクを使って大きい画像をブログ閲覧者に見て貰うセコ技^^;

画像をクリックした時に大きい画像を表示させるには。

こんにちワ。

画像をクリックした時に別タブで開いて大きい画像を表示させる方法を紹介したいと思います。

方法なんて大げさな事でもないんですが、「画像リンク」

を使うセコ技であります^^;

画像リンクを使って大きい画像をブログ閲覧者に見て貰う

このアメブロなんかもそうですが、通常画像フォルダーを使って画像を表示させると以下のような「画像リンク」になってます。

上のコードの中の「リンク先URL」の箇所に大きい画像のURLを入れて、「画像URL」の箇所にブログの記事幅に収まるサイズの画像URLを入れます。
そして、このままクリックすると同じタブあるいは窓で開いてしまい、閲覧者さんが混乱して元に戻れなくなってしまう場合もありますので、別タブで開くように右のコード「target="_blank"」を追記して以下のようにします。

サンプルを幾つか作ってみました（↓）。

画像拡大サンプル

※クリックすると別窓（タブ）で開きます。
①

②

③

何かの参考になれば嬉しいのですが・・

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

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

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

画像リンクを使って大きい画像をブログ閲覧者に見て貰うセコ技^^;