No.1ベストアンサー
- 回答日時:
document.getElementById("img").setAttribute('src','
http://url.gif);これでid属性値にimgを持つimg要素のsrc属性値を変更できます。
for(i=0;i<= 100;i++){
document.getElementById("img").style.filter = "alpha(opacity="+i+",style=0)"
}
これでIE6では徐々に画像が現れるように見えます。
これにpositionのスタイルを加えてみてはいかがでしょうか?
1つのimg要素で操作するなら
フィルター100→オンマウス→フィルター0→src変更→フィルター→100→マウスアウト→フィルター0→src変更→フィルター→100→先頭へ
こんなことを繰り返せば良いのではないでしょうか。
100>フィルター>0のときのマウスアウトの処理を忘れずに!!
画像を最初に隠しておくならpositionのスタイル+フィルター0開始にするとよいように思えます。
これはIE6では動きました。
No.2
- 回答日時:
<img src="imgA.jpg" onmouseover="this.src='imgB.jpg'" onmouseout="this.src='imgA.jpg'">
と書けば画像をマウスが乗ったときだけ切り替えることが可能です。
浮き上がるとか高度なことは出来ませんが、ほぼすべてのブラウザで動作すると思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- Android(アンドロイド) TIFF画像を表示できるAndroidアプリを探してます。 3 2022/05/16 09:00
- 防犯カメラ・監視カメラ・小型カメラ VHSを高画質な動画ファイルにしたいです。 3 2022/05/06 12:08
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- Excel(エクセル) iphonからone driveに保存してあるExcelを閲覧すると表示の仕方がちがうデータ 2 2022/12/21 13:51
- iPhone(アイフォーン) 同じ写真と動画をiOSが検出する便利な機能 写真のアルバムタブにて、画面を一番下までスクロールすると 3 2023/01/23 15:41
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- ホームページ作成・プログラミング CGIが実行可能なHP領域又はレンタルサーバーでおすすめの所を教えてください 現在ホームページ領域の 1 2023/01/01 11:47
- Windows 10 これを非表示したいのですが・・・ 4 2022/09/24 08:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数画像のランダム複数表示(...
-
error LNK2019 未解決のシンボ...
-
javascriptでのパスについて
-
imgボタンにfocusの当て方
-
JavaScriptで変更した属性の元...
-
ダイアログから画像ファイルは...
-
MFCで画像を表示させているので...
-
画像が表示でnull; this.src
-
jqueryのスライドショー。html...
-
MAX関数を使ってからLEFT JOIN...
-
htmlの記述で link rel=styles...
-
画像の上に画像リンクを貼る方法
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
【CSS】floatで左右に並べた...
-
Gifアニメ、最後のコマに行った...
-
Slick.jsのオプションrtlについて
-
クリックして変更した画像を他...
-
文字と数字が混在する要素のsor...
-
マウスを乗せるとメニュー表示
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScriptで変更した属性の元...
-
MFCで画像を表示させているので...
-
画像が表示でnull; this.src
-
error LNK2019 未解決のシンボ...
-
Vb.net2005での画像の合成方法
-
onclickで画面が固まる・・・ら...
-
リンク先を動的に変更する
-
(javascript)HTMLで指定した...
-
【OpenCV】二値画像後、白の部...
-
jQuery 複数のfind()
-
ラズパイでno module named zbar
-
外部javascriptの重複を防ぐには
-
条件分岐でキーが入力されてい...
-
かぶらないランダム画像
-
HTMLからimgのsrcのみを正規表...
-
pythonで、tkinterとpillowの組...
-
OpenCV での画素値の比較について
-
imgボタンにfocusの当て方
-
指定したフォルダの画像を一括...
-
OpenCVでサンプルコードを使う...
おすすめ情報