javascriptで、何枚かのバナー画像をランダムに表示するようなサンプルを探しています。
xmlファイルを読んで、画像のパスとリンク先URLを取得でして、ランダムで画像を表示というようなものを探しています。
ベストアンサー
-
australiagc
jQuery の parseXML()メソッド を使って XML をパースし、データを一旦arrayに保存。後は、array 内の Math.floor(Math.random()*array.length) のインデックスにある値を呼び出してみるのはどうでしょう？
あえてツッコむとすれば、javascript を使っているのに何故 JSON を使わず XML を使うのかというところですね。元データがどうしても XML でなくてはいけないのであれば、array ではなく JSON へ変換してから同様の処理を行うというのもありかと。（jQuery XML to JSON Pluginを使って、要素を作る）
（第三章 データを解析し表示しよう：JSONのデータを表示する） -
australiagcその他の回答
-
たつ
頂いた案を試したのですが、
テストはOKでした。
３）がまだ理解できず、今調べております。
var params = location.href.split("?")[1];
params = params.split("&");
var ValId = "null";
for(var i = 0; i < params.length; i++) {
var tmp = params[i].split("=");
if(tmp[0] = "id"){
ValId = tmp[1];
}
}
$(function(){
$.get('sample.xml', function(xml){
var json = $.xml2json(xml);
var $bannerUrl=json.url[i].url;
var $link=json.link[i].link;
url = json.banners[Math.floor(Math.random()*banners.length)].bannerUrl;
$("#myfeed").append($(s));
}
}
});
});
今現在、jsはこんな形です。
ローテーションバナーをしようと思っているのですが、なんか違う感じがしたのですが
自分としても説明不足でごめんなさい
誤って質問終了にしておりました。
もし、回答いただけるならお願いします。
この質問へのコメント
質問の情報
- 登録日時
- 2012-11-20 11:21:42
- 終了日時
- 2012-11-27 11:25:03
- 回答条件
- 1人5回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
度々すみません。 私は以前から大学入試・成績など教育関連のネガティブな夢を見ていましたが、ここ最近そ…
hayakushinene
5
-
親族（実家）の犬が無駄吠えをしています。朝方に一時間くらい吠えているらしい。昼にも一時間くらい吠え続…
匿名質問者
22
1
-
学歴詐称ではなくて、貴族称号詐称について伺います。イボンヌの香りという映画で、ロシアの伯爵を詐称して…匿名質問者
-
アスペルガー精神3級会社員男性(34歳独身)です。 元々眠りが浅いのに最近尚更深刻な夢や深く考え過ぎる夢を…hayakushinene1
-
いつもお世話になっています。 自分、インセル予備軍かもしれません。 街中でカップルや夫婦等見ると羨まし…hayakushinene
これは毎回ページがロードする際に異なるバナーが表示されると言うことでしょうか？
それとも、難病かごとにバナーが入れ替わると言うことでしょうか？
とりあえず貼り付けてあるスクリプトに関してですが、
var $bannerUrl=json.url[i].url;
var $link=json.link[i].link;
そもそも i の値が定義されていませんのでこれはエラーになってしまうかと。
http://www.tohoho-web.com/js/array.htm
json.url[i].url とは、データの中の i+1 個目の url の url という値、という意味です。
「第三章 データを解析し表示しよう：JSONのデータを表示する」を読んでみてください。
ここに、data.item[i].itemCode という例があります。
この i が例えば 1 だった時、この値は2個目のitem、つまり味噌ラーメンのitemCode、「94」となります。
あと、変数の名前に「$」はつけなくても（つけないほうが？）良いと思うのですが・・・。
$.get()や$.xml2json()にある「$.」は、jquery.の略です。phpなどの$ではありません。
http://ja.wikipedia.org/wiki/JQuery
ちなみに、jQueryを利用するには、jQueryのライブラリが必要です。
それから、var params = location.href.split("?")[1]; から始まる処理でクエリストリングから情報を取得しているようですが、サーバー側での処理は出来ないのでしょうか？これだと、URLを書き換えるだけで素人でもここにある"id"などの値を変更されてしまうので、変更されたくないパラメータなら他の方法を考えるべきかと。
とまあ、かなりjsやjQueryの初歩内容になってしまうので、もし難しいようであればまずjQuery関連の参考書をご購入されることをおすすめします（＾＾；）
jquery関連の本必要だなって思いました
やりたいと思う事はあっても、ゴールに着くのが大変そうです (・.・;)
明日にならないと、ファイル触れないので後日やります
回答していただきありがとうございます
jQueryを使うならjQuery Timerですが、js既存のものにもsetInterval()というものがありますので。
http://phpspot.org/blog/archives/2011/06/jqueryjquery_ti.html
http://www.pori2.net/js/timer/1.html
頑張って下さい。