web-dev-qa-db-fra.com

Plusieurs tailles/images/extraits présentés

Habituellement, je Google mais je ne pouvais pas trouver une réponse à mon problème. La plupart des entrées que j'ai trouvées traitaient de l'ajout de tailles d'image supplémentaires, mais pas lorsqu'il s'agissait d'afficher différentes tailles d'images sur le site d'index intégré à une div personnalisée avec une option à choisir.

Ce que j'essaie de faire, c'est de travailler avec des colonnes et de leur donner différentes options en ce qui concerne la taille de leur image et les options de l'extrait. Parce qu'il est un peu difficile d'expliquer ce que j'essaye de réaliser, j'ai ajouté une image pour illustrer ce que j'essaie de faire. Pas avec jmasonry cependant et pas avec des plugins.

Je ne m'attends pas à une solution pour cela ici. Je ne le fais pas car cela semble complexe, ce que j'essaie de faire. Mais si quelqu'un a une suggestion sur ce qu'il faut rechercher ou avec quelle approche je pourrais commencer et regarder pour résoudre ce problème. Je déf. soyez très reconnaissant.

Pour le décrire un peu mieux, disons que la boîte aux lettres 1 est en

<div class="post-box-1">content</div>

(qui, disons, a une largeur de 600 px et une hauteur de 400px)

et la boîte postale 2 ressemble à ceci

<div class="post-box-2">content</div>

(qui a une largeur de 200 px et une hauteur de 400 px)

The image

1
dolemite

On dirait que vous voulez un thème de magazine. La façon dont je fais cela est avec plusieurs boucles. Chaque boucle demande un certain nombre d'articles et les affiche avec une vignette d'une certaine taille, un titre d'une certaine taille et peut-être un extrait. Puis une nouvelle boucle commence. Le site fashioncow.com utilise 4 boucles sur la page d'accueil. La boucle charge d’abord trois postes pour le curseur, la seconde un poste pour la section Beauté, la troisième trois postes pour la section Tendance Maintenant et la dernière boucle huit postes pour la section More Obsessions.

1
Peter Mumford