ドゥアイネットのプログラマー、湯川が開発日記を綴ります。

CALENDAR
S M T W T F S
1234567
891011121314
15161718192021
22232425262728
293031    
<< December 2019 >>
ARCHIVES
CATEGORIES
<< 売れるiPhoneアプリの法則 | main | TOYOTA SOCIAL APP AWARD >>
イメージの切り替え
 スマートフォン用のアプリを作成していて、
javascriptの書き方が悪くて速度がでないところがありました。

イメージを切り替える処理なのですが、

以下のようにスタイルの「backgroundImage」でイメージを切り替えていたら
非常に遅かったです。

v_style = document.testbtn.style;
v_style.backgroundImage = "url(./images/btnimage/btn_no" + v_no + ".gif)";

画像

このように書くと毎回、指定したurlから読み込まれるようです。
そのため回線が遅い場合、イメージの表示が遅れてしまいます。

改善するためにスタイルを定義してクラス名で変更するようにしました。

document.testbtn.className = "numbtn_" +  v_no;

こうすることで、読み込みが改善されました。
| jquery mobile | 18:08 | comments(0) | - |
コメント
コメントする