問題タブ [image-preloader]

スーパーサイズのプラグイン ( http://buildinternet.com/project/supersized/ )のイメージをプリロードすることは可能ですか? HTML ドキュメントの上部にある非表示のコンテナに画像を配置しましたが、効果がないようです。次/前のスライドをクリックすると、特定の画像のみが読み込まれます。

助言がありますか？

ありがとうティナ

ページにランダムに読み込まれる画像があり、それらは 100kbs を超えています。段階的に読み込むのではなく、完全に読み込み、フェードインすることはできますか?

私のJSはこのように見えます...

必要となるすべての画像を手動でプリロードするスクリプトがあります。次のようになります。

実際には、ボタンやその他の要素の種類ごとにそのようなエントリがたくさんあります。最悪なのは、プロジェクトが進行中で、新しいボタンが毎日追加されているため、リストに追加するのを忘れがちです。

ここで、使用中のすべてをプリロードする1つのユニバーサルスクリプトを使用したいと思います。

ドキュメント内のjQueryのようなセレクター（たとえば、すべてのボタンを取得するには$（'buttons'））を使用してすべての要素を列挙する必要があります。次に、これは私にとって最も難しい部分です。要素の結果であるスタイルを見つけます。 classと'active'クラス（：active pseudoclassと混同しないでください。ただし、違いはありません）。

たとえば、次のボタンがあります。

そして、次のCSSがあります。

明らかに、このボタンの場合、プリロードされた画像は最後の画像である必要があります。これは、「小さい」と「ピンク」が明示的に定義されており、「アクティブ」が私たちが探しているものだからです。

したがって、問題はスタイルをどのようにフィルタリングするかです。

よろしく、

アップデート

ご覧のとおり、最初はボタンに「アクティブ」スタイルはありません。スクリプトオンタッチイベントで追加されています（Android Webkitは実際の：activeをサポートしていないため）。そのため、画像は別のスクリプトからプリロードする必要があります。そして、はい、クリックするとアクティブ状態の画像が実行時に読み込まれるのがわかります。見た目は醜いです。

だから私は次のHTMLを持っています：

jquery関数：

およびドキュメントレディトリガー（簡略化）：

それは本当にうまく機能しますが、私はそれを強化する必要があります。ユーザーがクラス「class1」のアンカーをクリックすると、プリローダーは特定の配列に割り当てられた画像を読み取る必要があります。そして、私は「$.preload」を一度だけ書く必要があるでしょう。

したがって、私のアイデアは、次のような2つの異なる配列を作成することでした。

次に、次のようなドキュメント準備イベントを作成します。私はここで立ち往生していて、以下のコードにエラーがあります

$ .preload（[...]）;内に「IF」ロジックを作成する方法がわかりません。

私のサイトhttp://www.luischales.com/miami-quinces-photography.htmlのコードについて助けが必要です。初めてスライドを開くと、すべての画像が読み込まれるまでスライドが開始されず (私が思うに)、クライアントは待ちたくないので、誰かがオンデマンドで画像を読み込む方法を教えてもらえますか? または、少なくとも最初の画像をロードしてから、他の画像をロードしますか?

コード

画像ギャラリーがあります。特定のギャラリーのサムネイル画像をクリックすると、実際のサイズの画像 (サイズ ~ 800KB) が読み込まれます。また、キーボードの左右の矢印キーを押している間、前後の画像を表示するオプションもあります。パフォーマンスを向上させるために、このようなJavaスクリプトでプリロードメソッドを作成しました

ユーザーが左右のキーを押すと、この preload() メソッドを呼び出して、次の画像と前の画像をプリロードします。ここで私が直面している問題は

各プリロード メソッド呼び出しでメモリ使用率が増加します。20 を超える画像を表示すると、Firefox がシャットダウンします。このメモリの問題を解決するにはどうすればよいですか。ここで、より優れた画像プリロード メカニズムを実装するにはどうすればよいですか。誰でも私を助けてください。

Webページにボタンがあるとします。そのボタンがクリックされるたびに、特定のコンテンツ（最大5MBになる可能性のある画像ファイルの全リスト）が非同期でプリロードされ、ロードが完了するとWebページに追加されます。

ただし、最初のプリロード手順が完了する前にボタンが再度クリックされた場合にのみ、プリロード手順を停止してから、2番目の手順を開始するのが理にかなっています。どうすればこの強制停止を実現できますか？

ちなみに、私はArielFleslerのjQueryベースの画像プリローダーを使用しています。

前もって感謝します！

私は現在、私のフォームでImageLocationいくつかの のプロパティを使用しています。PictureBox場所はオンラインですが、画像を表示する前に読み込む必要があります。問題は、画像が時々別の画像に変わることですが、このため、画像が読み込まれていないため、数秒間何も表示されません。ImageLocationアプリケーションの起動時に特定の画像リンクをプリロードして、画像がソースとして設定されたときにのみ読み込まれないようにすることは何とか可能ですか?

私はVB.netを使用していますが、.netの回答はすべて使用可能であり、高く評価されています!

レスポンシブフレックススライダープラグインに問題があります。実際のスライドショーに多くの画像がない限り、プラグインは正常に機能します。その場合、ロード動作は受け入れられません。

次のflexsliderイメージプリローダースクリプトを機能させることができないので、誰かが私を助けてくれることを望んでいました。

これが私が使用しているコードです：

FLEXSLIDER HTML

HTMLヘッドのFLEXSLIDERSCRIPT

FLEXSLIDER.CSS

どんな助けでも大歓迎です！

画像のdivのプリロード画像中央を表示したい。ただし、すべての画像はサイズが異なるため、プリロード画像を各画像の中央に表示することはできません。

前もってありがとう！