見出し画像

Rosso Laboratory

gooブログにて画像をクリックで拡大させる方法

gooブログのとあるブログにて画像をクリックすると拡大するようになっているブログがありまして、一体どうやっているのかな?と調べた結果、その方法が判ったので備忘録として記載しておきます。これは私のようにフラットテンプレートで幅640ピクセルまでの画像しか掲載できないブログ等で有効な方法です。

①画像を登録する

まず長辺最大1920ピクセルで画像を登録します。

 

②リンク付きサムネイル画像を貼り付ける

右上の小さな方のボタンをクリックします。すると小さなサムネイル画像が配置されますが、これには拡大画像へのリンクが既に付いています。

 

③サムネイル画像を拡大する
このままでは見づらいのでサムネイル画像を拡大します。画像を選択し右クリックでメニューを出して実行すると

このような画面が出るので幅を640にします。すると拡大されますが

非常に粗い画像となっていて見るに耐えません。

 

④TEXTエディターでサムネイル画像を置き換える
そこでサムネイル画像を置き換えます。まずTEXTエディターに切り替えて前方の青く反転させた部分(拡大画像のアドレス)をコピーします。

次に後方の青く反転させた部分(サムネイル画像のアドレス)にそのアドレスを貼り付けます。

 

⑤完成

HTMLエディターに戻るとサムネイル画像が綺麗になっています。プレビューで確認するとクリックで画像が拡大されるようになりました。

 

<画像クリックで拡大します>

以上です(^^)/ もっと簡単にこのようなことが出来るようにして欲しい気もしますが(^_^;)


PVアクセスランキング にほんブログ村


ランキングに参加中。クリックして応援お願いします!

名前:
コメント:

※文字化け等の原因になりますので顔文字の投稿はお控えください。

コメント利用規約に同意の上コメント投稿を行ってください。

 

※ブログ作成者から承認されるまでコメントは反映されません。

  • Xでシェアする
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

最新の画像もっと見る

最近の「HDR写真」カテゴリーもっと見る

最近の記事
バックナンバー
人気記事