画像を変更するためのページネーションを実装する必要があるアプリを開発しています。私が使用しているコードは.
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 とイメージ タグ (タグとタグ) の動的データを作成する方法を教えてください。前もって感謝します..