ブログの写真

質問

ブログ本文の写真をクリックすると大きな写真が表示される方法を教えて下さい。

回答No.3

noname#89477

FC2ブログだと簡単で、
「ツール→ファイルアップロード」のファイル管理画面の「アップロード」から「サムネイル→同時に作成する」にチェックを入れて、サムネイル（縮小画像）の画像サイズを指定するだけです。
あとは、アップロード後に「この画像で記事を書く」を押せば、HTMLとか知らなくても勝手にやってくれます。

どのブログをご使用なのか、書いた方が問題解決は早いと思われます。

お礼

お忙しい処、老生の質問にご回答いただき、感謝いたします。
如何も有難うございました。

補足

ブログはgooを利用しております。

回答No.2

Fuu1962

例えばエキサイトブログの場合だと、画像をアップしたとこのソースをみると、「|640|480#]」とかなってます。
これを手で「|160|120#]」って書き直すと、４分の１の画像が表示されて、クリックするともとの大きさの画像が表示されるようになります。

一般的なWebサイトだと#1さんが書いたとおりです。

ただ最近はサムネイル用画像は用意しません。
（また#1の回答を例にとって申し訳ありませんが）
「本体やサムネイルのURI」とありますが（ということは#1さんもサムネイルを用意しないことを想定している訳か、、、）「本体のURI（つまり画像ファイルのアドレスですね）」が入ります。
それで「width="横幅" height="高さ"」はサムネイルの大きさ、４分の１とか１０分の１とかの数字を指定しておきます。

昔はこの方法だとサムネイルを表示するのに時間がかかるのでもっと軽いサムネイル用の画像を用意したんですよね。
最近はみなさんブロードバンド接続になったんで、気にしなくてもいいんじゃないかなというところです。

なんだか余計な昔話で申し訳ありませんでした。

そういえばブログってどこのブログだったんでしょうか。。。

お礼

お忙しい処、老生の質問にご回答いただき、感謝いたします。
如何も有難うございました。

補足

gooのブログを利用しています。

回答No.1

noname#100277

HTMLが記事に（テンプレート自体も含む）記述可能なのが最低条件。

<a href="画像本体のURI" title="適当な題名や説明"><img src="本体やサムネイルのURI" alt="代替テキスト" title="適当な題名や説明" width="横幅" height="高さ"></a>
サムネイルは予め縮小した画像を意味して、本体とは別にアップロードする。
尚、画像の周囲に枠が出るのが嫌な場合はimgに対してCSSで以下の様に指定するか、直接属性で「border="0"」と記述。
CSS・・・
img { border-width: 0px; }

お礼

お忙しい処、老生の質問にご回答いただき、感謝いたします。
如何も有難うございました。