0

私はボタンを持っています。ページロードの通常のボタンアイコンでユーザーに表示したいのですが、ボタンを押すとボタンアイコンを押す必要があります。ボタンのclsを設定することでこれを達成しました。サーバーから画像のURLパスにアクセスして、sassスタイルを使用しています。それは私の要件に従って正常に動作しています。しかし、ページを初めてロードするときは、通常のボタン アイコンが正常に表示されます。ボタンを押すと、しばらく時間がかかります (5 ～ 10 秒)。次に、ボタン アイコンを押すと表示されます。アイコンを押して変更をロードするのに、最初のロードにこれほど時間がかかるのはなぜですか? 次回はボタンを押している間すぐにアイコンを変更してください。これを達成するための別の最良の方法はありますか?

これが私のコードです：

 {
                        xtype: "button",                           
                        cls: 'aboutclsT',
                        handler: function () {

                        }

                    }

私のapp.scssで

.aboutclsT{
 background: url('http://src.sencha.io/100/http://s11.postimage.org/dg1zv08j7/about.png') !important;
 background-repeat: no-repeat;
 height: 133px;
 width: 100px;

 }

 .aboutclsT.x-button-pressing{
 background: url('http://src.sencha.io/100/http://s7.postimage.org/4vy4hg72z/about_active.png') !important;
 background-repeat: no-repeat;
 height: 133px;
 width: 100px;
 }
4

1 に答える 1

0

URL からボタン イメージをロードし、最初の呼び出しでそれをダウンロードします。その後、ブラウザにキャッシュされるため、時間がかかります。CSS で base64 を使用すると、常に高速になります。

于 2012-07-26T08:41:22.190 に答える