Affiche un array sur plusieurs colonnes

  code source classé dans  Tableaux - Array  Copier  

01       02       03       04       05       06       07       08       09       10       11       12       13       14       15       16       17       18       19       20       21       22       23       24       25       26       27       28       29       30       31       32       33       34       35       36       37       38       39       40       41       42       43       44       45       46       47       48       49       50       51       52       53       54       55       56      /*---------------------------------------------------------------*/ /* Titre : Affiche un array sur plusieurs colonnes URL : https://phpsources.net/code_s.php?id=517 Auteur : garcia Date édition : 17 Juin 2009 Date mise a jour : 13 Aout 2019 Rapport de la maj: - fonctionnement du code vérifié */ /*---------------------------------------------------------------*/ // votre tableau $images = array( 'pomme', 'orange', 'baname', 'kiwi', 'papaye', 'melon', 'pasteque', 'goyave', 'avocat', 'cerise', 'fraise' ); // combien de colonne $nbre_colonne = 3; // NE TOUCHER PLUS A RIEN SAUF AU CSS $width = 100 / $nbre_colonne; $width = round ($width); $count = 0; for($i = 0; $i < count($images); $i++) { if($count == 0) echo ' <div style="clear:both;">'; echo ' <div style="float:left;width:'.$width.'%">'.$images[$i].'</div>'; $count++; if(($count == $nbre_colonne) || ($images[$i] == end($images))) { echo ' </div>'; $count = 0; } } ?>

Exemple :

01       02       03       04       05       06       07       08       09       10       11       12       13       14       15       16       17       18      <div style="clear:both;"> <div style="float:left;width:33%">pomme</div> <div style="float:left;width:33%">orange</div> <div style="float:left;width:33%">baname</div> </div> <div style="clear:both;"> <div style="float:left;width:33%">kiwi</div> <div style="float:left;width:33%">papaye</div> <div style="float:left;width:33%">melon</div> </div> <div style="clear:both;"> <div style="float:left;width:33%">pasteque</div> <div style="float:left;width:33%">goyave</div> <div style="float:left;width:33%">avocat</div> </div> <div style="clear:both;"> <div style="float:left;width:33%">cerise</div> <div style="float:left;width:33%">fraise</div> </div>

      Fonctions du code - Doc officielle PHP

Détail	php.net	Description	Versions PHP
	array	Crée un tableau	PHP 4, 5, 7 et 8
	count	Compte le nombre d'éléments d'un tableau ou le nombre de propriétés d'un objet	PHP 4, 5, 7 et 8
	echo	Affiche une chaîne de caractères	PHP 4, 5, 7 et 8
	end	Positionne le pointeur de tableau en fin de tableau	PHP 4, 5, 7 et 8
	round	Arrondi un nombre à virgule flottante	PHP 4, 5, 7 et 8

  Poster  

   Dites merci aux auteurs pour leurs travail, ça ne coûte rien et ça fait toujours plaisir

[3]

• 

  Cromaxfab

  22 Juin 2009 à 19:15

  Bonjour, pour répondre à Patass, j'ai un peu modifié le code initial et utilisé Jquery et Jquery.lightbox pour l'affichage des photos.  

• 

  Patass

  22 Juin 2009 à 14:47

  Et si, on veut, à la place du texte du tableau, on veut mettre des images avec possibilité de les agrandir par clic ou infobulles

• 

  Cromaxfab

  20 Juin 2009 à 18:09

  Simple et pratique. Merci pour le partage.