0

すべての行の 3 つの画像が読み込まれて表示される 5 行の画像を読み込む PHP 用のスクリプトを作成しようとしていますが、最後の画像では 2 つの画像のみが読み込まれ、「もっと読み込む」という画像が表示されます。プッシュすると、jQuery を使用して残りの画像が読み込まれます。

私はデータを取得するために MYSQLi を使用していますが、私が説明した方法でそれをどのように配置するかはわかりません。その場合、真剣にどんな助けにも感謝します！

4

2 に答える 2

0

あなたの質問はより理論的なものなので、理論的な手順を説明します。

  1. 整数パラメーターを 1 つ受け取るPHP 関数を作成します(要件に応じて、複数のパラメーターを指定できます)。
  2. この関数は 9 つのレコードを返す必要があります
  3. 9 つのリストにさらに読み込みアイコンを追加し、このレコードをページに読み込みます
  4. Load-More Imageクリック イベントの jQuery 関数を作成する
  5. ユーザーがそのアイコンをクリックすると、jQuery.Ajax()関数を使用して PHP 関数を呼び出します
  6. ここで整数をスター番号に渡します
  7. 開始インデックスを提供しているため、関数から次の 9 つのレコードを取得します。
  8. $.Ajax() success functionで、この新しいリストを画像を保持している div に追加します。

この理論があなたの出発点になることを願っています。

于 2013-08-22T16:52:50.043 に答える
0

最初のデータベース クエリで最初の 3 つを読み込むことができます。ただし、JS と JQuery を使用できる場合は、いつでも AJAX 呼び出しを使用して、イベントで他の 2 つの画像を取得できます。

基本的に、最初の 3 つの画像を取得して表示すると、その下に「さらに読み込む」というボタンが表示されます。そのボタンがクリックされたら、AJAX を使用する Javascript 関数を呼び出して、他の画像をロードする PHP スクリプトを呼び出します。

(おそらくより簡単な) 他の方法は、一度にすべての画像を取得し、「さらに読み込む」というボタンを表示し、他の 2 つの画像を非表示にすることです。そのボタンをクリックすると、他の 2 つの画像が表示されます。何かのようなもの

<div id="fristThree">
<img ... />
<img ... />
<img ... />
</div>
<div id="otherTwo">
<img ... />
<img ... />
<button> load more </button>

Jqueryでは、「otherTwo」divを非表示にし、ボタンをクリックしてjqueryで表示します。

しかし、それでも AJAX が好ましい方法だと思います。

于 2013-08-22T16:55:35.433 に答える