ホームページ >ウェブフロントエンド >htmlチュートリアル >2つの画像ボタンを遅延なく同時に表示する方法_html/css_WEB-ITnose

2つの画像ボタンを遅延なく同時に表示する方法_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:10:351175ブラウズ

             <tr>               <td height="25"><div align="left">               <img src="./goto.jpg" width="156" height="54"  onclick='btnNext()'/></div></td>               <td><div align="right">               <img src="./finish.jpg" width="157" height="56" onclick='btnApply()'/></div></td>             </tr>


HTML に 2 つの画像をボタンとして挿入しました。IE9 では 2 つの画像が常に最初に表示されます。2 つの画像ボタンを同時に表示するにはどうすればよいですか?


ディスカッションへの返信 (解決策)

これは、ブラウザがページを読み込む順序に問題があります。 。常に順序があります。 。

しかし、お客様はこの説明に同意しません。IE9 以外のブラウザでは問題なく、時間差もありません。最適化できますか?
2 つの画像の読み込み時間の差を短縮してみませんか?

1 つの画像に結合します
マップを使用してさまざまなアクションを実行します

画像をまとめて座標を読み取ります

a34de1251f0d9fe1e645927f19a896e8

a30f6c9641143e49d13164cb6adc3d7fc626465c82dd92fb6d6308b224ab8722b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5

写真、popbackground.png width="582" height="56"

私 あなたbtnNext() 関数を実行するには、popbackground.png 画像の左側にある幅 160、高さ 56 の領域でマウスをクリックする必要があります

幅 162、高さ 56 の領域をクリックしますPopbackground.png 画像の右側にある 56 をクリックして関数 btnApply() を実行します

この場合、上記のマップ定義座標をどのように記述すればよいでしょうか?

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。