[A tous]
Si vous pouviez apporter le maximum d'idées rapidement sur le sujet...
Cela pour ne rien vous cacher de plus, nous arrangerait bien.
8-)
[/A tous]

Pour commencer, je trouve le photomontage très sympa. :)

VDigital a écrit:

La première idée est de gérer la page en format fixe.

Oui, je pense qu'il faut commencer par s'autoriser cette restriction. D'ailleurs, on sent bien qu'il n'y a pas qu'une façon de réarranger les miniatures de sorte a utiliser plus de place ou a se coincer dans moins.

Donc au moment de choisir entre l'affichage "conventionnel" ou "patchwork", on signale à l'utilisateur qu'il faut fixer une largeur pour la mise en page patchwork. Quand on saura comment le créer dans une largeur donnée, il sera temps de voir si on peut le recoder en javascript pour l'adapter dynamiquement. (parce que je crois pas qu'on puisse laisser le navigateur le faire tout seul grâce au HTML+CSS, cf plus bas).

VDigital a écrit:

La seconde idée est de gérer des positions (relatives ???) pour chaque miniature.

Je suis à nouveau d'accord avec toi, cher VDigital ! A mon sens, cette disposition n'est pas faisable "automatiquement" en CSS. Au mieux, on utiliserait des "blocs en ligne" (inline-block, table-cell, ou leur déclinaison dans chacun des navigateurs) que l'on centrerait. Mais on s'y arracherait les cheveux à le faire fonctionner dans les navigateurs utilises par les vrais gens, et les photos apparaitraient quand même alignées horizontalement. Quant a tout faire flotter a gauche, ca c'est très facile à faire, mais c'est clairement moche. Et j'ai du mal à voir d'autres options.

AMHA, on n'a pas le choix : c'est trop dur a faire "élégamment", il faut coder en dur pas mal de positions, donc autant tout coder en dur (le DIV englobant avec "position:relative", largeur et hauteur explicites et chacune des images en "position:absolute" et coordonnées explicites).

VDigital a écrit:

Comment être certains de ne pas laisser trop d'espace et surtout que les miniatures ne se recouvrent pas les unes les autres?

Ca, c'est un petit algo "sympa" à coder. :) Clairement, il faut connaitre les dimensions de toutes les images.

VDigital a écrit:

yoDan a écrit:

...au moment de choisir entre l'affichage "conventionnel" ou "patchwork", on signale à l'utilisateur qu'il faut fixer une largeur pour la mise en page patchwork. Quand on saura comment le créer dans une largeur donnée, il sera temps de voir si on peut le recoder en javascript pour l'adapter dynamiquement. ...

J'avais pensé dans un premier temps à faire le width fixe pour tous, histoire de simplifier.
Mais tu as raison, ce sera au javascript, s'il est présent, de substituer notre width à la largeur +/- disponible de l'écran pour toute page utilisant ce format "patchwork".
8-)

Bonjour,

Question :
Quel sera l'affichage par défaut ?? Patchwork ou "bien rangé" comme actuellement ?

Est-ce que ce sera géré par des templates différents ou faudra t'il géré par plugin local ??

Questions relatives à la présentation de mon site avec des cartes postales

Mais par contre l'idée du patchwork en page d'accueil me paraît très sympa !!!

A suivre

yoDan a écrit:

VDigital a écrit:

Comment être certains de ne pas laisser trop d'espace et surtout que les miniatures ne se recouvrent pas les unes les autres?

Ca, c'est un petit algo "sympa" à coder. :) Clairement, il faut connaitre les dimensions de toutes les images.

On connait donc la largeur disponible. Et nous connaissons les dimensions de chacun des thumbnails, merci la synchro (l'upload, ou le create_listing_file).
Nous avons tout cela au niveau du php.
Donc effectivement un petit algo "sympa" (je ne sais pas) à se cogner.
Aurais-tu une idée pour commencer?

J'ai une largeur: $width
Les miniatures à placer:
- l'id: $tb[0]['id']
- sa largeur: $tb[0][0]
- sa hauteur: $tb[0][1]
- l'id la miniature suivante: $tb[1]['id']
...

8-)

J'aurai vu...

Préparation
  Placer les 3 premières miniatures en haut à gauche.
  (Elles génèrent des positions prises.
  Ces 3 images ne sont pas pour autant placées
  et l'algo va pouvoir commencer.)

Boucle
  Encore une miniature?
  Retrouver la position la moins éloignée des positions prises. (?)
  Créer un décalage le plus adapté. (?)
  Placer

Centrer l'ensemble (calcul de l'espace à droite restant).
  Ajout de la moitié en x, et en y (à toutes les places prises).


8-)

Je n'enregistre que les centres et les longueurs des demi-diagonales des miniatures placées dans un tableau?

Carrée, portrait, ou paysage, la miniature n+1 sera placée... ?

(Casse-tête mais obligatoirement on sait faire).
8-)

çà monologue presque ici !
;))

petites remarques et interrogations qui peuvent avoir leur importance :
- la présentation "en vrac" c'est sympa, mais çà peut ne pas plaire à tout le monde : par une option de configuration, il faudrait pouvoir conserver un affichage plus classique comme l'actuel
- pour une présentation "en vrac", par option fixer une largeur, ou déterminer la largeur en fonction de celle de l'écran de l'utilisateur ; yoDan faisait remarquer que si on voulait un affichage dynamique (je comprends par là : l'utilisateur redimensionne sa fenetre), il faudrait gérer la présentation en javascript, l'évènement onResize est là pour nous aider mais attention : l'usage de javascript peut être une source de problème : en fonction du navigateur, en fonction de la version du moteur JS, les résultats risquent d'être différents.... bref : une position fixe effectuée via le PHP, ou dynamique avec le JS ? il faudra se décider de ce problème avant de choisir la méthode de mise en oeuvre
- pour une présentation "en vrac", part-on d'un nombre d'images (réglables ?) à afficher, en laissant la hauteur de la page s'adapter autoamtiquement, ou impose-t'on une hauteur de page fixe (but : éviter les ascenceurs pour que la page d'accueil soit plus agréable à l'oeil) dans laquelle on essaye de faire loger le maximum de vignettes ?