問題タブ [imagesloaded]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
shopify - 無限スクロール + 画像の読み込み + tumblr API の石積みは、shopify 内で ajax を介して読み込まれます
私はしばらくこれを機能させようとしてきましたが、進歩はありませんでした。何か不足しているのか、それともこのセットアップ内で機能しないのかはわかりません。
要するに、クライアントは Shopify サイトを持っており、tumblr から画像を無限スクロールでロードしたいと考えています。
DeSandro の標準を使用しています: Infinite Scroll、Masonry、ImagesLoaded、およびこの penの組み合わせに基づいています。
tumblr APIを介してtumblrフィードを正常にロードし、石積みグリッドに表示しましたが、無限スクロールを機能させることができません。
コンテンツが ajax 経由で読み込まれ、InfiniteScroll がコンテンツを読み込もうとしたときに実際にはまだページにないため、InfiniteScroll は機能しませんか? どんな洞察もいただければ幸いです!
リンクはこちら:https ://negativeunderwear.com/pages/for-women
そして、ページ 2 へのリンク: https://negativeunderwear.com/pages/for-women?page=2&cache=false - これは .pagination__next です
(クリック前の参考までに、ここは女性の下着サイトです。)
ありがとう!
javascript - 石材アイテムの順序を画像で維持する
石積みのアイテムはすべて異なるタイミングで画像が読み込まれるため、順番を維持するのに苦労しています。すべてのアイテムは順序付けられた方法で処理され、それぞれに対して次の行を実行して追加します。
問題は、各 div にランダムな時間ロードされるイメージがあるため、最初にイメージがロードされた div が (通常の順序とは異なり) 前に表示されることです。
jQuery にいくつかのキュー関数があることは知っていますが、ここでそれらを適用する方法が正確にはわかりません。
javascript - ajax または jquery でアルバム画像を読み込む
私は自分のウェブサイトを最適化したいのですが、私はframework-yを使用しています。具体的には、アイソトーププラグインを備えたメニューアルバムを使用していますhttp://templates.framework-y.com/gourmet/pages/menu-albums.html問題は、すべてのアルバムにたくさんのアイテム (約 60) があるため、ページの読み込み時にすべての画像を読み込むには約 10 秒かかります。クリックしたときに各アルバムをロードする方法はありますか? おそらくajaxまたはjqueryを介して?そのため、ページの読み込みが速くなり、ユーザーが見たくないものはダウンロードされません
クエリと PHP cicle を使用してアルバムをピン留めしています
メニューのすべての項目は次のようになります。