1

いくつかの JavaScript 関数を含む HTML ページがあります。基本的にこれを行います...背景が透明な画像(.png)がいくつかあります。z-indexプロパティを使用して、各画像を他の画像にsovrapposeし、新しい画像を組み立てることができます。一部のボタンを使用すると、一部の画像を別の画像に置き換える JavaScript をアクティブにすることができます。

状況をよりよく理解するために、例を挙げてみましょう。車を想像してみてください。メガネ、ホイール、ボディの 3 つの画像があります。各画像の背景は透明なので、すべての画像を一緒に見ると車全体を見ることができます。ボタンを使用すると、車輪の画像を別の車輪の画像に置き換えることができるため、すべての組み合わせの画像を作成しなくても、同じ車のより多くの「バージョン」を見ることができます (345 の可能な組み合わせがあるため、これが唯一の方法です)。

それは非常にうまく機能しますが、遅いです:( 1つのピースだけを変更する必要がある場合、置換はすぐに行われますが、ワンクリックで多くのピースを変更する必要がある場合、画像のロードが遅くなり、恐ろしい効果になります.

必要なのは、他のすべての画像の上に表示され、ブラウザーが合成画像の読み込みを完了すると消える読み込みバー/ホイールです。Web で解決策を検索しようとしましたが、ページ全体を読み込むための解決策しか見つかりません。しかし、私の場合、ページは変更されず、内側の画像のみが変更されます。

この問題を解決するにはどうすればよいですか? 前もって感謝します、マルコ

4

0 に答える 0