[PHP]Paginacja Opcje

[Kajmanos]

Witam dostalem oto takie zadanie na stronce w przykladowej zakladce mam 73 (okladki graficzne) na jednej stronie mam zrobic "paginacje" mianowicie chodzi o to aby zrobic

tak aby podzelic to na strony i na kazdej ma byc po 16 okladek. Pomocy

[Kshyhoo]

Przypadkiem nie założyłeś już jednego wątku o paginacji?

[Kajmanos]

Nie wczesniej mialem inny problem ale koledzy bardzo uczynnie mi pomogli. Teraz mam taki problem wiec pytam

[salfunglandyare]

Masz 73 okładki graficzne. Załóżmy, że masz je w postaci tablicy:

[PHP] pobierz, plaintext 
$okladki = ['okladka1.jpg', 'jakasokladka2.png', ... ,'okladka73.gif'];
[PHP] pobierz, plaintext 

Wg Twoich danych będziesz miał ceil(73/16) stron po 16 okładek:

[PHP] pobierz, plaintext 
$mam_tyle_okladek = count($okladka);
$chce_zeby_bylo_ich_na_stronie = 16;
$tyle_bede_mial_stron = ceil($mam_tyle_okladek/$chce_zeby_bylo_ich_na_stronie);
$aktualna_strona = (int)$_GET['strona'];
//jakaś obsluga, że $aktualna_strona >=0 i < $tyle_bede_mial_stron
$indeks_pierwszej_okladki = $aktualna_strona * $chce_zeby_bylo_ich_na_stronie;
$indeks_ostatniej_okladki = ($aktualna_strona + 1) * $chce_zeby_bylo_ich_na_stronie;
if($indeks_ostatniej_okladki > $mam_tyle_okladek){
  $indeks_ostatniej_okladki = $mam_tyle_okladek;
}
[PHP] pobierz, plaintext 

Wyświetlanie tego jest już proste

[PHP] pobierz, plaintext 
//wyswietlamy okladki
for($i = $indeks_pierwszej_okladki; $i < $indeks_ostatniej_okladki; $i++){
  echo sprintf('<img src="%s">',$okladka[$i]);
}
[PHP] pobierz, plaintext 

No i pewnie jeszcze wyświetlanie paginacji:

[PHP] pobierz, plaintext 
//wyswietlamy paginacje
for($i = 0; $i < $tyle_bede_mial_stron; $i++){
  if($i == $aktualna_strona){
    //aktualna strona będzie pogrubiona
    echo sprintf('<a href="%s"><strong>%d</strong></a>',$_SERVER['SCRIPT_NAME'].'?strona='.$i,$i+1);
  } else {
    echo sprintf('<a href="%s">%d</a>',$_SERVER['SCRIPT_NAME'].'?strona='.$i,$i+1);
  }
}
[PHP] pobierz, plaintext 

Pisane "na kolanie", wiec moga byc jakies bledy

[Kajmanos]

Sprobuje wdrozyc dziekuje Ci bardzo dam znac jaki z tego finał .

Kurcze dalej mam problem z tym pogrupowaniem tych zdjech kolega mi tu wczoraj odpowiadal ale nic mi z tego nie wychodzi wrzuce zaraz ten kawelek tego mojego kodu i moze ktos rzuci okiem profesojonalisty jak to zrobic..

[PHP] pobierz, plaintext 
<?php
// Template Name: Afisze
get_header(); ?>
<style>
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
 
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
 
 
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
 
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
 
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#
00FFFFFF);
}
</style>
<?php 
 
function przyjazny_string($string){
	$string=strtolower($string);
$string = str_replace(array('ą', 'ć', 'ę', 'ł', 'ń', 'ó', 'ś', 'ź', 'ż','Ł'), array('a', 'c', 'e', 'l', 'n', 'o', 's', 'z', 'z','l'), $string);
 return $string;
}
 
$args = array(
	'posts_per_page'   => 100,
	'offset'           => 0,
	'category'         => get_post_field('Kategorie',  get_the_ID()),
	'category_name'    => '',
	'orderby'          => 'date',
	'order'            => 'DESC',
	'include'          => '',
	'exclude'          => '',
	'meta_key'         => '',
	'meta_value'       => '',
	'post_type'        => 'post',
	'post_mime_type'   => '',
	'post_parent'      => '',
	'post_status'      => 'publish',
	'suppress_filters' => true 
);
$posts_array = get_posts( $args ); 
 
//print_r($posts_array);
?>
 
<div >
<?php
 
 
foreach ($posts_array as $k=>$w)
  {
  $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $w->ID ), 'large' );
  ?>
 
<div class="plakat">
    <a href="<?php echo  $large_image_url[0]; ?>" class="single_image">
        <?php 
 
        echo get_the_post_thumbnail( $w->ID, 'medium' );
        ?>    
    </a>
    <br>
    <div class="opis_plakatu">
        <?php echo get_post_field('tytul_plakatu',  $w->ID) ;?>
        <br>
        <?php echo get_post_field('autor_plakatu',  $w->ID) ;?>
    </div>
</div>
 
 
 
<!--     <div class="col-md-3 col-sm-6">
    	 <div class="single-item">
        <a href="<?php echo  $large_image_url[0]; ?>" class="single_image" ><?php 
 
        echo get_the_post_thumbnail( $w->ID, 'medium' );
        ?></a>
 
        <div class="desc">
 
        <p>
        <?php echo get_post_field('tytul_plakatu',  $w->ID) ;?>
         </p>
 
        <p><?php echo get_post_field('autor_plakatu',  $w->ID) ;?></p>
 
        </div>
 
 
  </div>
  </div> -->
  <?php
  //exit();
  }
?>
 
 </div>
 
 <script>
 jQuery(document).ready(function() {
 
	/* This is basic - uses default settings */
 
	jQuery("a.single_image").colorbox({maxHeight:"90%",opacity:0.8,current:"Obraz {current} z {total}",previous:"Wstecz",next:"Dalej",close:"Zamknij"});
	//fancybox();
 
 
 
});
 
 </script> 
 
 <?php get_footer(); ?>
[PHP] pobierz, plaintext 

Ten post edytował Kshyhoo 5.05.2015, 09:32:23

Powód edycji: [Kshyhoo]: bb-code

[nospor]

Zacznij wkoncu uzywac BBCODE.
Zacznij wyrzucac z kodu to co nie jest potrzebne.... np. style CSS naprawde w niczym tu nie pomagają a tylko zaciemniają kod.

[memory]

Wszystko jest w dokumentacji

https://codex.wordpress.org/Class_Reference/WP_Query
https://codex.wordpress.org/Pagination