0

画像を変更するためのページネーションを実装する必要があるアプリを開発しています。私が使用しているコードは.

index.html

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

<link rel="stylesheet" href="css/demo.css" type="text/css" media="screen" />
</head>

<body>

<div class="imagesScreen" id="imagesScreen">

            <img style="border-radius:10px;height:70px;width:70px;margin:10px;" src="http://farm7.static.flickr.com/6052/6279000273_218313c876.jpg" />
            <img style="border-radius:10px;height:70px;width:70px;margin:10px;" src="http://farm7.static.flickr.com/6052/6279000273_218313c876.jpg" />
            <img style="border-radius:10px;height:70px;width:70px;margin:10px;" src="http://farm7.static.flickr.com/6052/6279000273_218313c876.jpg" />
            <img style="border-radius:10px;height:70px;width:70px;margin:10px;" src="http://farm7.static.flickr.com/6052/6279000273_218313c876.jpg" />
            <img style="border-radius:10px;height:70px;width:70px;margin:10px;" src="http://farm7.static.flickr.com/6052/6279000273_218313c876.jpg" />
            <img style="border-radius:10px;height:70px;width:70px;margin:10px;" src="http://farm7.static.flickr.com/6052/6279000273_218313c876.jpg" />
            <img style="border-radius:10px;height:70px;width:70px;margin:10px;" src="http://farm7.static.flickr.com/6052/6279000273_218313c876.jpg" />
            <img style="border-radius:10px;height:70px;width:70px;margin:10px;" src="http://farm7.static.flickr.com/6052/6279000273_218313c876.jpg" />
            <img style="border-radius:10px;height:70px;width:70px;margin:10px;" src="http://farm7.static.flickr.com/6052/6279000273_218313c876.jpg" />
            <img style="border-radius:10px;height:70px;width:70px;margin:10px;" src="http://farm7.static.flickr.com/6052/6279000273_218313c876.jpg" />              
</div>


 </body>
 </html>

ここで上記のコードに従って、フッタータグに2つのボタンがあります(上記のコードには言及されていません)。各ページに約6〜10枚の画像を表示したい&同じページの次のボタンまたは前のボタンをクリックすると、ページネーション技術を使用してデータを変更する必要があります。ここでは静的データを取得しましたが、私のアプリでは、そのデータは実行時にサーバーから取得されます。そのため、動的データを作成する必要があります。

リンクのページネーション リンクに従って、一度に 1 つの画像を取得します。しかし、下の写真のように約6〜10枚の画像が必要です。次のボタンをクリックすると、ページは同じである必要がありますが、ページネーションリンクに従ってデータを変更する必要があります。

ここに画像の説明を入力 このタイプのページネーション手法を取得する方法と、div とイメージ タグ (タグとタグ) の動的データを作成する方法を教えてください。前もって感謝します..

4

2 に答える 2

2

これはかなり論理的な機能です。まず、制限 SELECT * FROM imagesORDER BY timeDESC LIMIT 0, 9を使用して SQL でデータをプルしていると仮定しています。

サーバー側のスクリプト作成に PHP を使用していると仮定していますが、そうでない場合は、これを言語に合わせてみてください。ページ ID にGET使用する値があるとしましょう。もちろん任意の数値です。で始まる画像を取得する必要があります。次に、SQL クエリで正しい句を使用します。page=123123page number * items per page22 * 91818LIMIT

PHP:

$start = $_GET['page'] * $items_per_page;

SQL:

SELECT * FROM `images` ORDER BY `time` DESC LIMIT {$start}, {$items_per_page}

それがその基本的な要点です。

于 2012-07-05T10:51:55.413 に答える
1

以下の URL を参考にしてみてください。

http://cssglobe.com/lab/easypaginate/02.html

ありがとう

于 2012-07-05T10:45:57.963 に答える