문제
디렉토리에서 이미지를 동적으로 호출하고 표시하는 스크립트가 있습니다. 스크립트 내 변수를 통해 페이지 당 표시되는 이미지 수를 제어하고 싶습니다. URL 변수를 사용하려고 생각합니다 (예 : http://domain.com/page.php?page=1)하지만 어떻게 해야할지 잘 모르겠습니다.
도와 주셔서 감사합니다.
해결책
Pagination은 SQL이 있거나없는 동일한 개념입니다. 기본 변수 만 있으면 원하는 콘텐츠를 만들 수 있습니다. 다음은 몇 가지 준 코드입니다.
$itemsPerPage = 5;
$currentPage = isset($_GET['page']) ? $_GET['page'] : 1;
$totalItems = getTotalItems();
$totalPages = ceil($totalItems / $itemsPerPage);
function getTotalItems() {
// since they're images, perhaps we'll scan a directory of images to determine
// how many images we have in total
}
function getItemsFromPage($page, $itemsPerPage) {
// function to grab $itemsPerPage based on which $page we're on
}
function getPager($totalPages, $currentPage) {
// build your pager
}
시작하는 데 도움이되기를 바랍니다!
다른 팁
이것은 내가 페이지 매김을하는 데 종종 사용하는 기능입니다. 도움이되기를 바랍니다.
function paginate($page, $total, $per_page) {
if(!is_numeric($page)) { $page = 1; }
if(!is_numeric($per_page)) { $per_page = 10; }
if($page > ceil($total / $per_page)) $page = 1;
if($page == "" || $page == 0) {
$page = 1;
$start = 0;
$end = $per_page;
} else {
$start = ($page * $per_page) - ($per_page);
$end = $per_page;
}
$prev_page = "";
$next_page = "";
$all_pages = array();
$selected = "";
$enabled = false;
if($total > $per_page) {
$enabled = true;
$prev = $page - 1;
$prev_page = ($prev == 0) ? 0 : $prev;
$next = $page + 1;
$total_pages = ceil($total/$per_page);
$next_page = ($next <= $total_pages) ? $next : 0;
for($x=1;$x<=$total_pages;$x++) {
$all_pages[] = $x;
$selected = ($x == $page) ? $x : $selected;
}
}
return array(
"per_page" => $per_page,
"page" => $page,
"prev_page" => $prev_page,
"all_pages" => $all_pages,
"next_page" => $next_page,
"selected" => $selected,
"start" => $start,
"end" => $end,
"enabled" => $enabled
);
}
// ex: we are in page 2, we have 50 items, and we're showing 10 per page
print_r(paginate(2, 50, 10));
이것은 돌아올 것입니다 :
Array
(
[per_page] => 10
[page] => 2
[prev_page] => 1
[all_pages] => Array
(
[0] => 1
[1] => 2
[2] => 3
[3] => 4
[4] => 5
)
[next_page] => 3
[selected] => 2
[start] => 10
[end] => 10
[enabled] => 1
)
모든 데이터를 사용하면 Pagination 링크를 만들기 위해 무장합니다.
이미지 이름을 지정하면 01.jpg, 02.jpg를 사용하면 쉽게 쉽게 이행 할 수 있습니다. 그런 다음 Glob을 사용하여 모든 이미지를 배열로 가져 와서 정렬하십시오.
의심스러운 경우 JavaScript를 사용하십시오! 이것은 또한 도움이 될 수 있습니다 : http://www.webplicity.net/flexigrid/
내가 시도한 적이 없지만 Galery와 같은 앱에 좋을 수도 있습니다. :)
제휴하지 않습니다 StackOverflow