またまた暇なのでPCネタを(汗;
複数の画像を表示するにはどうすればいいのか?
との問い合わせが個人的にありましたので~
過去にもUPしましたが、あれは後で削除します!
なんせ適当なもんで(汗;
今回も自分なりのUP方法をちょっと解りやすくしたものなので
まぁ試してみたい方だけ見て下さ~い。
自慢じゃないですが決して私も詳しい方ではありませんので
そこのところはご理解を!
まずは載せたい画像の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を入れます
では確認してみましょう

カーソルを画像の上に置くと拡大しますの文字が現れ
クリックすれば拡大画像が現れます!
どうでしょうか~
説明へたですみません(汗;
まぁ興味ある方は試してみてください!
またこれよりもっと簡単な方法や、これは間違ってるなどの意見がありましたら
私も勉強したいので教えて下さい。
ぺこ <(_ _)>
Posted at 2007/11/20 23:40:04 | |
トラックバック(0) |
PC | パソコン/インターネット