gooブログのとあるブログにて画像をクリックすると拡大するようになっているブログがありまして、一体どうやっているのかな?と調べた結果、その方法が判ったので備忘録として記載しておきます。これは私のようにフラットテンプレートで幅640ピクセルまでの画像しか掲載できないブログ等で有効な方法です。
①画像を登録する
まず長辺最大1920ピクセルで画像を登録します。
②リンク付きサムネイル画像を貼り付ける
右上の小さな方のボタンをクリックします。すると小さなサムネイル画像が配置されますが、これには拡大画像へのリンクが既に付いています。
③サムネイル画像を拡大する
このままでは見づらいのでサムネイル画像を拡大します。画像を選択し右クリックでメニューを出して実行すると
このような画面が出るので幅を640にします。すると拡大されますが
非常に粗い画像となっていて見るに耐えません。
④TEXTエディターでサムネイル画像を置き換える
そこでサムネイル画像を置き換えます。まずTEXTエディターに切り替えて前方の青く反転させた部分(拡大画像のアドレス)をコピーします。
次に後方の青く反転させた部分(サムネイル画像のアドレス)にそのアドレスを貼り付けます。
⑤完成
HTMLエディターに戻るとサムネイル画像が綺麗になっています。プレビューで確認するとクリックで画像が拡大されるようになりました。
<画像クリックで拡大します>
以上です(^^)/ もっと簡単にこのようなことが出来るようにして欲しい気もしますが(^_^;)