ランダムに画像を表示しその画像にリンクを張るには?

[上に] [前に] [次に]
やしん 1999/10/30(土) 19:14:30
わがままな質問ですいません・・・(ぺこっ)
タイトル通りです。たぶん「Javaスクリプト」っていうものだと思うのですけど・・・みなさんお願いしますです。

J.Naka 1999/10/30(土) 21:28:04
この質問では、何処が難しいのか、何処が分からないのか、分からない(^^;
取りあえずとっかかり部分の説明です。

以下のリンク画像コードの、画像アドレスを変数化して、その変数をランダムに変化させればOK。

<A href="A1.html"><IMG SRC="A1.gif"></A>

JavaScriptでは↓にして、変数 A に、画像ファイルネームが入ります。

document.write("<A href='A1.html'><IMG SRC=" + A + ".gif'><\/A>");

以上で、いけると思います。
#CGIでも同様な事が出来ます。

どうしても分からない点は、ガシガシ質問してください。
~~~~~~~~~~~

やしん 1999/10/30(土) 21:51:23
レスありがとうございます。
質問が分かりにくくてすいません。私がやりたいのはアクセスするたびに違う画像を表示させたいのです。そしてその画像ごとにリンクを張りたいのです。

どうしても分からない(^^;ので質問させていただきます。
画像とリンクは張れたのですが、「変数をランダムに変化させる」の意味が分かりません。お手数ですがそのソースを書いていただけませんか?お願いします。

J.Naka 1999/10/30(土) 22:06:43
「変数をランダムに変化させる」の意味が分からないって、スレッドタイトルの画像が変数になっただけですよ。

コピーペーストだけが目的で、自力解決の努力の無い質問は駄目ですよ。

やしんさんは、かなりの初心者みたいけど、何処まで理解したのか何処までコーディングしたのかを、見せて欲しいです。

#いっとくけど、僕も初心者なんよ。

J.Naka 1999/10/30(土) 23:51:35
ふむ、では切り口変えて再レス。

「変数をランダムに変化させる」とは、より正確には、
「変数値をランダムに変化させる」です。

やしんさんは、上記に記してある単語は全て分かりますか?
・変数とは?
・変数値とは?
・ランダムとは?
・変化させるとは?

上の変数に関することは、あらゆるプログラミング言語の基礎要素・基本概念に属するものなので、これが分からないと先に進めませんです。

やしん 1999/10/31(日) 00:26:57
はい。私は超初心者ですよ(笑)
J.Nakaさんも初心者って言ってますけど他の質問でもいっぱいレスしてるじゃないですか(^^)

4つの単語ですが・・・ランダムと変化させるは分かりますよ。
変数&変数値が分かりません・・・むぅ・・・勉強しなくては・・・
それとスレッドタイトルって何でしょうか?
思いっきり初心者でスイマセン・・・(−−;

J.Naka 1999/10/31(日) 01:13:36
 まず、スレッドタイトルは、「スレッド」と「タイトル」の熟語です。
 スレッドとは、この局面で指すものは、今見ている一連の連続した書き込みをスレッドと言っています。人によっては、「項」と言う人もいます。この「とほほラウンジ」の説明では、トピックとなっています。
 これは掲示板特有の概念=用語というものになるのではと思います。どうでしょうか? 何を指すものか? それぞれの用語の本来の意味と掲示板上で指す物とがイメージ的に合っていませんか?
--------------------

さて、本題。

■変数
 数値や、文字列を格納&入れ替えできる入れ物です。
 その入れ物の名前を、変数名といいます。
 前述の、A が変数名になります。
 #大きなプログラムでは変数名は、
  中身が何かが連想しやすい名前にします。

■変数値
 変数に格納されている中身です。
 格納されれば、数値も文字列も、その変数の変数値です。
 前述では、A に入る、画像ファイル名=文字列が変数値になります。

---------------------
 さてと、これらは、JavaScript初め、あらゆるプログラミング言語解説書の初心者向けの本では、絶対に説明されている物です。上記説明は少し足りないところがありますが、それも完全に説明されいます。
 ですから、まず初心者向け解説書を読んでください。そして、その中の記述が解からない場合、ここで質問することは、有意義です。
 ここで本当のゼロから説明し尽くすのは、時間的に労力的に双方にとつて、かなりヘビーです。

 だけど、時間的にゼロから取得している余裕が無い抜き差しならぬ場合、礼を尽くせば、ひょっとして暇な方が、短いコードでしたら、ちょちょいと作ってくれる可能性もあるかもしれません。
(それを後で、いじくりまわして、言語取得となる可能性もあるかな?)

みんこ 1999/11/01(月) 00:30:44
作る暇はないので....
http://www.cmp-lab.or.jp/~redcap/WWW/home.html
探してみそ。
限りなく近いスクリプトがどっかにあります。

たーだーしー、
全く知識なくて使うとエラー起こした場合、来た人が困るので
自分の使うスクリプトが何をどう書いているのかは
見ながら勉強して下さい。
な〜んにもわかんないと何が悪いのか質問できないし誰も答えられないです。

てゆーか、自分でわかんないもの人に見せてエラー起こした時
誰が責任とるの.....。

みんこ 1999/11/01(月) 00:30:46
作る暇はないので....
http://www.cmp-lab.or.jp/~redcap/WWW/home.html
探してみそ。
限りなく近いスクリプトがどっかにあります。

たーだーしー、
全く知識なくて使うとエラー起こした場合、来た人が困るので
自分の使うスクリプトが何をどう書いているのかは
見ながら勉強して下さい。
な〜んにもわかんないと何が悪いのか質問できないし誰も答えられないです。

てゆーか、自分でわかんないもの人に見せてエラー起こした時
誰が責任とるの.....。

やしん 1999/11/01(月) 17:59:13
J.Nakaさん>
熱心なレスありがとうございます。
J.Nakaさんの言っておられることは初心者の私では難しすぎるようです。(^^;どうしたらよいか分からなくなっちゃいました。
むぅ・・・無知なやつでごめんなさい・・・

みんこさん>
レスありがとうございます。早速行ってみました。
・・・でも・・・画像は5個までしか設定できないようです。
画像の制限がないスクリプトはないものでしょうか?
みなさまお願いしますです。(ぺこっ)

J.Naka 1999/11/01(月) 19:50:56
しっつこいようですが、

■5個制限解除のヒント
(いあ、6個以上にするヒントか)

件のスクリプトでは、最初の画像に、0 が割り当ててあります。
5個目の画像には、4 です。
だから、0から4で、5個ということ。

だから、その数値を増やすようにコードを追加するんです。

--------------
これで、一度コードを書いてみてください。

=============
知らない&未経験な事を取得するには、一番初めが一番苦労するものです。今まで経験したことないものだから。
だから、最初の少しを過ぎさえすれば、後はスーといくと思う。

もし、コーディングする気が全く無いのに、スクリプトはとか、JavaScriptがどうのと質問するのは、解答者を侮辱するに等しいです。

お人好し 1999/11/01(月) 20:06:50
http://www2f.biglobe.ne.jp/~takan/javac/n2/random_img1.htm

J.Naka 1999/11/01(月) 20:40:58
#ひっとして、やしんさんは、小学生?中学生?

やしん 1999/11/02(火) 01:11:11
うう・・・やっぱり精神年齢低くみられるのか・・・(涙)
高校生ですよ。

J.Naka 1999/11/02(火) 11:25:18
>高校生ですよ。
うはっ(^^; そうでしたかぁ、てっきり。。。ごめんでした。
でも、あれよ、人がなんと言おうか、自分のやり方でやり続ければ、形はできると思うよ。

やしん 1999/11/03(水) 19:15:11
J.Nakaさん>
画像数を6個以上にできるかやってみました。

Co[4]="http://"; // リンク先4
ga[4]="http://"; // 表示画像4

数値を5にしてコードを追加してみました。
でも画像は5個までしか表示できません。
まだ他に変更する所があるのでしょうか?

J.Naka 1999/11/03(水) 21:52:03
それ、全部見せてください。
提示コードは局所(少な)過ぎます。

Mugi [E-Mail] [HomePage] 1999/11/03(水) 23:15:54
最初に乱数を決める部分を変更してないからです。

Se=Math.floor(Math.random()*10);
if(Se==0||Se==1){Se1="0";}
:
:

Se1=Math.floor(Math.random()*6);
の1行に変えてみてください。

# 初心者は最初はコピー&ペーストで他人のコードを使ってればいいと思う。
 いずれコピー&ペーストの限界に気付いて、勉強するだろうし。
 僕は今回はさっさとやり方を教えてあげた方がよかったのではと思っています。

Mugi [E-Mail] [HomePage] 1999/11/03(水) 23:20:01
> Se1=Math.floor(Math.random()*6);
あ、画像は5個でしたね。 〜*5 でいいです。

やしん 1999/11/08(月) 21:24:12
画像数の制限を無くすのはできました。みなさんのおかげです。
リンクなんですが新しいウインドウで開くことはできますか?
ソースは・・・

<SCRIPT language="JAVASCRIPT">
<!--
Se1=Math.floor(Math.random()*6);

Co=new Array(5);
ga=new Array(5);

Co[0]="http://"; // リンク先0
ga[0]="http://"; // 表示画像0

Co[1]="http://"; // リンク先1
ga[1]="http://"; // 表示画像1

Co[2]="http://"; // リンク先2
ga[2]="http://"; // 表示画像2

Co[3]="http://"; // リンク先3
ga[3]="http://"; // 表示画像3

Co[4]="http://"; // リンク先4
ga[4]="http://"; // 表示画像4

document.write('<TABLE border="1"><TR><TD><A href="'+Co[Se1]+'">');
document.write('<IMG src="'+ga[Se1]+'" border="0"></A></TD></TR></TABLE>');
// -->
</SCRIPT>

・・・です。どなたか教えてくださいませ。

Mugi [E-Mail] [HomePage] 1999/11/08(月) 22:43:04
writeln()の中の <A href... のタグに普通のときみたい target="ターゲット名" を入れればいいです。
全てのリンクを別のウィンドウで開きたいなら「_blank」。
aタグの説明はここ。
http://www.tohoho-web.com/html/a.htm

やしん [HomePage] 1999/11/10(水) 21:16:02
みなさまほんとにありがとうございました(ぺこっ)
↓のURLでランダム画像完成番(笑)が見れます。
もっとお勉強してコピー・ペースト使わなくてもよいようにしたいです。
何年かかるか分かりませんが・・・(苦笑)
それでは!

やしん 1999/11/10(水) 21:17:06
[[解決]]
解決押すの忘れてました←(馬鹿)

J.Naka 1999/11/10(水) 22:14:07
やしんさん、完成おめでとうさんです。

しかし、以外にあっさりできましたねー、無理ちゃうかーと思ってのですが(^^;御見それいたしました(_ _)

[上に] [前に] [次に]