画像を切り替える
暇なのでAjaxというかDOMをちらっと勉強。
想定するのは、XMLに画像のパスやファイル名を記述しておいて、HTML側で後から当てはめようということ。
つまり
<img id="img1" src=""/> ↓ <img id="img1" src="gazou.jpg"/>
という処理をしたい。
調べて5分で完成。
$("img1").setAttribute("src", "gazou.jpg");
便利なものだ。
$〜はprototype.jsを使ったので。
あ、実際の画面をブラウザからソースを見ると、
<img id="img1" src=""/>
のままだった。
なるほどね。
参考
http://www-06.ibm.com/jp/developerworks/web/library/wa-ajaxintro6/index.shtml
http://developer.mozilla.org/en/docs/DOM:element.setAttribute