ブログで複数画像＆画像拡大

またまた暇なのでＰＣネタを（汗；

複数の画像を表示するにはどうすればいいのか？

との問い合わせが個人的にありましたので～


過去にもＵＰしましたが、あれは後で削除します！

なんせ適当なもんで（汗；


今回も自分なりのＵＰ方法をちょっと解りやすくしたものなので
まぁ試してみたい方だけ見て下さ～い。
自慢じゃないですが決して私も詳しい方ではありませんので

そこのところはご理解を！




まずは載せたい画像のURLをコピーしなければなりません！

私の場合はMY掲示板を使っているので
その方法で説明します！

ここで新規メッセージをクリックして
タイトル、メッセージを自分なりに書き込んだ後
参考画像に載せたい画像を選びます
メッセージを投稿したら、それをクリックすると小さく画像が出てきます
さらにその画像の部分をクリックすると画像が拡大されます！


ここ重要！

拡大された画像の部分にカーソルをあて
右クリックしてプロパティを開きます


その後に


そこに現れたURLをマウスで選択し右クリックでコピーします



コピーしたURLはテキストやエクセルなどに貼り付けて保存しておきます




その後はいよいよブログに書き込みです！


まずは

＜img src="○" border="0" width="220"align="left"class=pict＞/a>
　　　　　　　　　↑
これをコピーしてテキストやエクセルなどにコピーして保存してください
* ただしコピーした後、両サイドの＜＞を<>半角英数に直してください！


コピーしたら
こんな感じで貼り付けます

あれ○がない？
そうなんです！
ここで○の部分にコピーしておいたURLを貼り付けます！



確認してみましょう


こんな感じで表示されますので

これを繰り返せばいいのです！


ついでに

220の所とleftの所を300とrightに変えてみてください




画像の位置とサイズが変わります！



っとまぁこんな感じですかね～

あっ！


そうそう！

画像を拡大させたいな～
っという方はですね
先程の＜img src="○" border="0" width="220"align="left"class=pict＞/a>
の前に
これ＜a href="○" target="_blank"title="拡大します"＞
を付け加えます

こんな感じになりますよね！↓これコピー
＜a href="○" target="_blank"title="拡大します"＞＜img src="○" border="0" width="220"align="left"class=pict＞
* ここもコピーした後に両サイドの＜＞を<>半角英数に直してください！



しつこいようですが○の部分にはURLを入れます



では確認してみましょう

カーソルを画像の上に置くと拡大しますの文字が現れ
クリックすれば拡大画像が現れます！



どうでしょうか～

説明へたですみません（汗；


まぁ興味ある方は試してみてください！


またこれよりもっと簡単な方法や、これは間違ってるなどの意見がありましたら
私も勉強したいので教えて下さい。
ぺこ <(＿ ＿)>