ただし、その画像はサーバ側にあると思うのですが、なぜajaxのように非同期でhttp通信で取りにいかなくてよいのでしょうか?ajaxで取ってこないということは、クライアント側にあらかじめないといけないと思うのですが。
画像を入れ替える http://plusone.jpn.org/javascript/nyumon/pic/01swap.html
これも非同期でhttp通信を行っています。
ただし間接的に行っていますので、これをajaxと呼ぶかは人により違いそうですが。
サーバからデータを取得する方法は一つではありません。
src属性による方法もXMLHttpRequestもあります。
ajaxの様に非同期で通信を行うのにはXMLHttpRequestを使いますが、
jsonpの様に、scriptタグのsrc属性を非同期で与える事で、ajaxの様に振る舞う事が出来ます。
同様に、imgタグのsrc属性を非同期で与える事で、ajaxの様に振る舞う事が出来ます。
<img> の src 属性を javascript で変えたときには、ブラウザがサーバに画像を取りに行ってくれるんです。
質問にあるページだと、省略されてますが、src 属性は URL です。
<img src="http://example.com/image/card_ura.gif" onmouseover="this.src='http://example.com/image/card_omote.gif'" onmouseout="this.src='http://example.com/image/card_ura.gif'" >
と書くと、イメージがわきますか?
# しかも、記述が間違ってるし =)
コメント(0件)