私はスライダに100イメージを表示するWebページを持っています。私はページが読み込まれるときに10枚の画像しか表示しません。ページロード後、残りの90枚の画像が表示されるはずです。ホームページの読み込み後にイメージを読み込む方法
-3
A
答えて
2
これは画像のプリロードと呼ばれ、通常はJavaScriptやjQueryで画像をロードして画像をより高速に読み込むことができます。ここでは、画像をプリロードする方法のガイドがあります。 JavaScript Preloading Images又はここCSSとjQuery https://css-tricks.com/snippets/jquery/image-preloader/
を使用してこのガイドをチェックアウトは、jQueryの例です。楽しい!
$.preloadImages = function() {
for (var i = 0; i < arguments.length; i++) {
$("<img />").attr("src", arguments[i]);
}
}
$.preloadImages("hoverimage1.jpg","hoverimage2.jpg");
基本的には、ページがロードされる前に使用されるように、これらの画像を呼び出し、それが高速ブラウザの後半で呼び出されるときにそれを作るのキャッシュにイメージをロードします。使用しているどのようなスライダー
+1
をロードするために、AJAXを実行します。 – Ronald
+1
申し訳ありません:p –
-1
関連する問題
- 1. Default.pngイメージの読み込みインジケータを読み込む方法
- 2. ページの読み込み中にモーダルを読み込む読み込み後に
- 3. ナビゲーションタブのコンテンツをホームページに読み込む
- 4. ページを読み込んだ後に画像を読み込む方法は?
- 5. スクリプトが読み込まれた後、スクリプトをredisインスタンスに読み込む方法。
- 6. XMLドキュメントを読み込んで読み込む方法
- 7. ListViewAdapterイメージの読み込み
- 8. ファイルを読み込み、アプリケーションの起動時にオブジェクトを読み込む方法
- 9. HTML5動画の読み込み時に画像を読み込む方法は?
- 10. サウンドを読み込まずにSWFデータを読み込み、後でサウンドを読み込む
- 11. チタンウェブプロキシカント読み込みイメージ
- 12. 画像読み込み中にアイコンを読み込む
- 13. ページの読み込み中に読み込む
- 14. .pngイメージをフラッシュに読み込むCS3
- 15. OpenCVイメージをScikitに読み込むLearn
- 16. テキストファイルから読み込むときにApache Ignite Cacheを読み込む方法
- 17. イメージを読み込むときのイメージの縮小方法
- 18. イメージが読み込まれている間、ウェブページにイメージを高速に読み込み、読み込み中にアクティビティインジケータを表示する方法
- 19. 読み込み後のトリガーコールバック
- 20. 2度読み込むことなく画像を読み込む方法
- 21. XMLをデータセットに読み込む方法
- 22. テキストエリアにデータを読み込む方法
- 23. メインビューコントローラが読み込まれる前に場所を読み込む方法は?
- 24. Angular2/Webpack:CSSファイル内に読み込まれるフォントを読み込む方法は?
- 25. 実行時にイメージを読み込む際の問題(ビルド後)
- 26. 'onclickイベント'に基づいてイメージを読み込む方法
- 27. リポジトリクラスをjsonファイルから読み込み、ファイルの読み込み方法は?
- 28. ワードプレスでckeditorを読み込む方法
- 29. WKWebView HTTPSを読み込む方法は?
- 30. フォームとビジーインジケータを読み込む方法
、あなたのPHPスクリプトからのみ10の画像を送る彼らのドキュメント – Ima
を参照してください、そして、あなたのjsの中で、あなたはOPを助けるために例を提供親切に残り – smarber