- ベストアンサー
ＨＰに写真画像をつけたい
たとえば、下記のＨＰの真ん中あたりのように写真画像がいろいろと変わる設定で、簡単なやり方はございますでしょうか。 http://www.h4.dion.ne.jp/~kitsune/t2_jaguars/index.htm アドバイスよろしくおねがいします。
- takeshiday
- お礼率85% (403/469)
- HTML
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
<head>～</head> の間に、↓を。 //以降は削除可 画像はとりあえず、0.jpg 1.jpg 2.jpg 3.jpg 4.jpg の5枚と仮定。 <script language="JavaScript"> <!-- maxNo = 5; // アニメーション枚数 iNo = 0; // 最初に表示されている画像番号 imgName = "myIMG"; preImg = new Array(); for (i=0; i<maxNo; i++) { preImg[i] = (new Image()).src; preImg[i] = i+".jpg"; } function anime() { iNo++; iNo %= maxNo; document.images[imgName].src = iNo+".jpg"; } // --></script> <body onLoad="setInterval('anime()',500)"> <img src="0.jpg" width="180" height="120" name="myIMG"> </body> こんなかんじで、如何でしょうか？
その他の回答 (3)
- 1412lovers
- ベストアンサー率40% (58/144)
画像の番号はJAVAの中で自動取得するようになっているので、枚数だけ変更して利用できます。 なので、名前は必ず「0」から始まり、連続した数字である必要があります。 そして、このJavaを使うファイルと同じフォルダに画像を置いてくださいね。 もし、画像がjpg以外であれば、「jpg」を全て変更してください。 回答遅くなりまして申し訳ありません！ *toast5様 フォローありがとうございました！
お礼
ご回答ありがとうございます。 チャレンジしてみます！！
- toast5
- ベストアンサー率37% (239/638)
このページ http://www.h4.dion.ne.jp/~kitsune/t2_jaguars/top-pict/index.htm が使っているのは、ソースを見ると、 『ako's cyberpage』というサイトで配っている javascript のようですね。 http://myako.net/
お礼
いろんなものがありますね。 ここで他にも探せそうです。
- toast5
- ベストアンサー率37% (239/638)
＞0.jpg 1.jpg 2.jpg 3.jpg 4.jpg はそれぞれどの箇所に組み込めばよろしいでしょうか。 横から失礼します。私はなんの知識もありませんが、 No.1 さんの回答通りにやってみたらできましたよ。 <body onLoad="setInterval('anime()',500)"> と </body> の間の任意の位置に、 <img src="0.jpg" width="180" height="120" name="myIMG"> を書けばいいみたいです。 「1.jpg」以降はそれだけで勝手に表示されます。
お礼
ご回答ありがとうございます。 なるほど、ていねいにありがとうございます！
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
ご回答ありがとうございます。 0.jpg 1.jpg 2.jpg 3.jpg 4.jpg はそれぞれどの箇所に組み込めばよろしいでしょうか。 すみません。