0

写真をグリッド (各行に 3 つ) として表示しています。

サーバー1に写真のURLを含むデータベースがあり、サーバー2にクライアントスクリプト(htmlとjs)を配置することになっています。

そのため、ajax リクエスト (jsonp) を使用して写真の URL を取得する必要があります。

写真の URL を取得し、DOM を使用して動的に div を作成し、写真を表示していました。ユーザーが「もっと見る」ボタンを押すと、次の写真セットが表示されます。

問題は iPad ブラウザにありました。表示される写真の数が 15 枚または 20 枚を超えると、クラッシュします。これをグーグルで調べたところ、iPad ブラウザーは多くの DOM 要素を処理できないことがわかりました。

そこで、写真を 4 行だけにするというアイデアを思いつきました。次に、ユーザーが「もっと見る」をクリックすると、最初の行を新しい写真に置き換えます。しかし、ユーザーが「前を表示」をクリックするか、ブラウザーの上部にスクロールすると、最初の写真のセットが表示されます。

どうすればこれを実装できますか? JavaScript プールはこれを実装するのに役立ちますか? JavaScript プールを使用するにはどうすればよいですか? 私はスレッドとプールが初めてです。

助けてください

4

1 に答える 1

1

css 表示プロパティが機能するはずです。デフォルトではすべての要素を非表示にし (表示: なし)、さらに表示するたびに、最後のページが非表示になり、新しいページが表示されます。このようにして、非表示の DOM がブラウザーのレンダリングに影響を与えないため、クラッシュを回避できます。

于 2014-02-11T10:10:42.400 に答える