私のブログで本文の画像サイズをw640サイズにして、画像をクリックすると拡大(基画像)を表示する事が有りますが、その方法を説明します。
gooブログのHTMLエディタには「リンク付きサムネイル」挿入が用意されていますが、サムネイルが小さすぎます。
そこで、ちょっと面倒ですが、この様にして対処しています。
【手順】
1.サイズの大きい画像(1920 又は 1024)でアップロードします。
2.HTMLエディタで、「リンク付きサムネイル」で画像を挿入します。
こんな具合になります。
3.HTMLエディタで、「HTMLソースの編集」ボタンをクリックします。
サムネイル画像のHTML文はこの様に書かれています。
<span><a href="https://blogimg.goo.ne.jp/user_image/37/2a/65a76ed37a90916ca6e0ba249dfbde56.jpg">
<img src="https://blogimg.goo.ne.jp/thumbnail/37/2a/65a76ed37a90916ca6e0ba249dfbde56_s.jpg" alt="" border="0" /></a></span></p>
一つ目の画像URLは基画像で、二つ目はサムネイル画像のものです。
赤字の部分が違っています。
4.「thumbnail」を「user_image」に書き換えます。
「_s.jpg」の「_s」を消去します。
5.「alt=""」を「alt="" width="640" height="426" 」に変更します。
このサイズは本文表示時の値です。縦横比は基画像(1920x1278)の比から算出します。
6.この様に書き換わります。
<p><span><a href="https://blogimg.goo.ne.jp/user_image/37/2a/65a76ed37a90916ca6e0ba249dfbde56.jpg">
<img src="https://blogimg.goo.ne.jp/user_image/37/2a/65a76ed37a90916ca6e0ba249dfbde56.jpg" alt="" width="640" height="426" border="0" /></a></span></p>
7.書き換えたら「更新」ボタンをクリックします。
8.「プレビュー」で上手くできたか確認して完了です。
9.因みに、「target="_blank"」を一つ目の画像URLの後に書き込むと、新しいタグで拡大画像を見るようにできます。
<p><span><a href="https://blogimg.goo.ne.jp/user_image/37/2a/65a76ed37a90916ca6e0ba249dfbde56.jpg" target="_blank">
<img src="https://blogimg.goo.ne.jp/user_image/37/2a/65a76ed37a90916ca6e0ba249dfbde56.jpg" alt="" width="640" height="426" border="0" /></a></span></p>