人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptで画像を切替えるには以下のURLのように一行かけばいいと思います。
ただし、その画像はサーバ側にあると思うのですが、なぜajaxのように非同期でhttp通信で取りにいかなくてよいのでしょうか?ajaxで取ってこないということは、クライアント側にあらかじめないといけないと思うのですが。

画像を入れ替える http://plusone.jpn.org/javascript/nyumon/pic/01swap.html

●質問者: koime_ryokutya
●カテゴリ:コンピュータ インターネット
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● TransFreeBSD

これも非同期でhttp通信を行っています。

ただし間接的に行っていますので、これをajaxと呼ぶかは人により違いそうですが。


サーバからデータを取得する方法は一つではありません。

src属性による方法もXMLHttpRequestもあります。

ajaxの様に非同期で通信を行うのにはXMLHttpRequestを使いますが、

jsonpの様に、scriptタグのsrc属性を非同期で与える事で、ajaxの様に振る舞う事が出来ます。

同様に、imgタグのsrc属性を非同期で与える事で、ajaxの様に振る舞う事が出来ます。


2 ● a-kuma3

<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.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ