画像ランダム+回り込み+右側

[新着] Webテンプレートを仮オープンしました

0   名前： 箱マシン ： 2005/04/05 22:37
はじめまして。初心者ですがよろしくお願いします。

画像を右側に表示して、画像を回り込むように設定すると、うまくいくのですが、
画像をランダムに表示させると、画像が表示されなくて、左側によって、回り込みにもなっていません。

私の知識では、これだけのタグを複数に使う時に、どうしていいのか分かりません。

もしよければ、画像をランダムに表示させて、右側で、回り込みになるようにするタグを教えてください。
1   名前： U D ： 2005/04/05 23:33
もう少し詳しく。
現在どういうソースになっているのですか？
2   名前： 箱マシン ： 2005/04/06 10:47
すみません。
お恥ずかしいのですが、
今は普通にランダム画像のみで、

<SCRIPT language="javascript">
<!--
var img=new Array
("画像アドレスは伏せます","同じく","同じく");document.write
('<IMG SRC="'+img[Math.floor(Math.random()*img.length)]+'">');
//-->
</SCRIPT>
となっております。

これに右側に寄せて、回り込みに設定したいということです。

回り込み+右側寄せ+に何度かチャレンジしてみたのですが、
画像が×になったり、
画像がまったく表示されなくて（×にもならない）
ウィンドウ左下の「ページが表示されました」
のところにエラーが発生したりしました。

すみません。こんな厨房で（汗

返答お待ちしております。
3   名前： U D ： 2005/04/06 13:53
画像の回り込み＆右寄せ、というのは
http://www.tagindex.com/stylesheet/img/float.html
これの２つめの写真の方と解釈してよろしいですか？
4   名前： 箱マシン ： 2005/04/06 17:59
はい、それは分かります。
１枚の画像だけならできるのですが、

ランダム画像にするとできないということです。

タグの理解度が低いのか、
タグを組み合わせることができないんです。

お恥ずかしい質問なのですが、

<P>
<IMG SRC="image/photo.jpg" ALT="風景" WIDTH="200" HEIGHT="133" CLASS="sample2">
画像の左側に<BR>
複数行の文字を<BR>
表示してみます<BR STYLE="clear: both;">
</P>

の、どこにランダム画像のタグを入れればいいのでしょうか。
5   名前： U D ： 2005/04/06 19:58
遅れました。すいません。
まぁ色々できるでしょうが、とりあえず。

<SCRIPT type="text/javascript">
<!--
var img=new Array(任意);
document.write(
'<IMG SRC="'+
img[Math.floor(Math.random()*img.length)]+
'" style="float:right;">'+
'aaa<BR>'+
'aaa<BR clear="all">'+
'aaa'
);
//-->
</SCRIPT>

で、ALTや他の属性も同様にしてください。
何か他に不明点があればどうぞ。
6   名前： 箱マシン ： 2005/04/06 20:32
ありがとうございます。
そしてすみません。
文の部分（aaa)にリンクタグ　<A Href="URL"></A>
を入れると画像が表示されずに真っ白になるのですが
どうすればいいのでしょう。
7   名前： U D ： 2005/04/06 20:53
Aタグをシングルクォーテーション（ ' ）で囲み、
URLはダブルクォーテーション（ " ）で囲みましたか？
で右にプラス（ + ）を付けていますか？

文字列（aaa）と同じ条件になっていればちゃんと表示されるはずなので、
その部分のソースを出してくれますか？
それでも駄目ならば、ひょっとすると
URL によっては JavaScript の仕組みの問題があるますし。。。
8   名前： カヅサツ ： 2005/04/06 21:39   ［URL］
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title></title>
<style type="text/css">
#landscape{
float:left;
}
hr{
clear: both;
}
</style>
<script type="text/javascript">
function rdmimg(){
var img = new Array("image/a.jpg","image/b.jpg","image/c.jpg");
obj = document.getElementById('landscape');
obj.src = img[Math.floor(Math.random()*img.length)];
}
</script>
</head>
<body onload="rdmimg()">
<p><img src="image/photo.jpg" alt="" width="200" height="133" id ="landscape">
画像の左側に<br>
複数行の文字を<br>
表示してみます
</p>
<hr>
<p>※JavaScript無効環境では image/photo.jpg のみ表示</p>
</body>
</html>
9   名前： 箱マシン ： 2005/04/06 22:23
協力してくださったみなさん、本当にありがとうございます。
みごとに画像が右側回りこみランダム表示にすることができました。

ホームページを作る時、一通り勉強はしたはずなのですが、足りなかったようです。
これからももっと勉強して、こちらのお世話にならないように、
もしくは自分が皆様みたいな教える側に立ちたいと思います。
何年かかるか分かりませんが（汗


ありがとうございました。
一覧へ戻る