J'ai un ensemble d'images que je veux montrer où elles sont enregistrées dans ma base de données comme lié, où chaque image a ses pouces, maintenant j'ai utilisé limit inquery pour montrer un petit nombre d'images où l'utilisateur doit aller à côté pour montrer l'autre, ma question est comment puis-je arranger ces images où 4 images dans une rangée et 3 colonneslimiter le nombre d'images à la suite?
HTML:
<div id="image_container">
<img src="" alt="" />
<img src="" alt="" />
<img src="" alt="" />
<img src="" alt="" />
...
</div>
CSS:
#image_container { width:440px; overflow:hidden; }
#image_container img { width:100px; margin:5px; float:left; display:inline; }
Vous devrez peut-être ajuster les tailles; C'est le concept général cependant.
Si les images ont toutes la même largeur alors rendre le conteneur seulement assez large pour 4 images et faire flotter les images gauche
Sinon, faites une boucle sur les images et utilisez l'opérateur de module pour tester quelle image de la rangée vous êtes. Si vous êtes sur une image qui devrait être la première dans la rangée, vous pouvez effacer les flottants sur cette image.