ホームページ >ウェブフロントエンド >jsチュートリアル >js 画像の読み込みに関すること onload_javascript スキル
まず私の目的を明確にさせてください:
ユーザーがページに入ったら、読み込みアイコンを表示し、最大の画像が読み込まれるのを待ってから、画像を不透明にします。
関数は非常に単純ですが、問題は、完全に完了していないことです。
それを行うとき、私は自然に次の方法を初めて思いつきました:
古いことわざにあるように、自信が過剰に高まると、最終的には大きな打撃を受けることになります。これで十分だと思い、それを上司に見せました。転送を読み込んでいないと2回繰り返しましたが、出ないはずだと言いましたが、実際に試してみました。
その後、情報を検索したところ、これがキャッシュの原因であることがわかりました。ロード時に、キャッシュが原因でブラウザがロード イベントをトリガーしないためです。
」
仕方なく、さまざまな方法で画像を圧縮することしかできませんが、圧縮後もまだ理想的ではないと感じたので、プロジェクトはスペースに放り込まれるだけで、非常に時間がかかります。 . ネットワークだと速度が遅くなり、当然ロード時間も遅くなります。上司はそう言ったのですが、まだタスクは完了していませんでした。私は頭を悩ませていたところ、偶然海外の Web サイトでカルーセル画像の JQ プラグインを見つけてソースコードを見てしまいました。そこで次のトリックが生まれました:
修正後、上司に内緒でアップロードしましたが、今回は油断できなかったのでテストを続けたところ、今度は問題がなくなったことがわかりました。
ページがロードされるたびに画像パスが異なるため、毎回ロードされ、消費される時間は最初のロードと同じになります。これは、その後 1 回ロードする必要があるという意味ではありません。それを入力しますか?
めまいがする....
数十回の試みの後、私は最終的に上記のすべての方法を無効にする方法を見つけました:
上記のメソッドから、ページが img にロードされるときに onload メソッドに遭遇し、この画像が表示される前にロードする必要があることを認識することは難しくありません。
わかりました。 。 。この種の問題に遭遇し、これよりも完璧な解決策を見つけた同僚がいるかどうかはわかりません。 。もっと完璧な方法がある場合は、必ずメッセージを残してお知らせください。いつもありがとうございます。 。 。