La page http://www.maxdesign.com.au/presentation/definition/dl-image-galler=
y.htm
pr=E9sente une galerie d'images pr=E9sent=E9e au moyen d'une liste de
d=E9finitions. J'aimerai int=E9grer cette technique =E0 mon petit site.
Seulement, je ne parviens pas =E0 trouver la solution pour centrer une
image, si elle est oprheline.
Je m'explique :
Sur la premi=E8re ligne, trois images s'affichent. Si je veux en
afficher une quatri=E8me, elle est naturellement repouss=E9e sur la ligne
suivante par manque de place. Or, si cette quatri=E8me image est seule,
elle est align=E9e =E0 gauche, ce qui ne me semble pas tr=E8s heureux sur l=
e
plan esth=E9tique : je pr=E9f=E8rerai qu'elle soit centr=E9e.
Comment faire ? Voil=E0 deux heures que je cherche en vain.
Une motorisation comme compter les images par exemple en Php, Thibault ? ? Si nombre d'images est multiple de 3, afficher un premier style... Sinon, compter les images, s'il en reste 2 appliquer un deuxième style, s'il en reste 1 appliquer un troisième style, c'est à peu près ça ?
C'était bien ça !
Pour le reste SAM a tout dit et a déjà donné des pistes en javascript. Tu as donc deux approches :
* modifier le markup (mettre une classe particulière) via PHP * parcourir le DOM par javascript et corriger dynamiquement ton dernier élément
D'ordinaire je recommande peu le js, mais ici cela pourrait bien se prêter, surtout si on ne veut pas mettre dans son code PHP quelque chose d'uniquement nécessaire à de la présentation.
Si j'avais le temps je tenterai de trouver une solution à base de selecteurs CSS 3, mais à mon avis c'est pas forcément gagné, et de toute façon on peut considérer que le support n'est pas encore assez répandu.
On Wed, 4 Feb 2009 06:59:39 -0800 (PST), ooviwivoo@gmail.com wrote:
Bonjour,
Merci pour vos messages...
Une motorisation comme compter les images par exemple en Php,
Thibault ? ? Si nombre d'images est multiple de 3, afficher un premier
style... Sinon, compter les images, s'il en reste 2 appliquer un
deuxième style, s'il en reste 1 appliquer un troisième style, c'est à
peu près ça ?
C'était bien ça !
Pour le reste SAM a tout dit et a déjà donné des pistes en javascript.
Tu as donc deux approches :
* modifier le markup (mettre une classe particulière) via PHP
* parcourir le DOM par javascript et corriger dynamiquement ton
dernier élément
D'ordinaire je recommande peu le js, mais ici cela pourrait bien se
prêter, surtout si on ne veut pas mettre dans son code PHP quelque chose
d'uniquement nécessaire à de la présentation.
Si j'avais le temps je tenterai de trouver une solution à base de
selecteurs CSS 3, mais à mon avis c'est pas forcément gagné, et de toute
façon on peut considérer que le support n'est pas encore assez répandu.
Une motorisation comme compter les images par exemple en Php, Thibault ? ? Si nombre d'images est multiple de 3, afficher un premier style... Sinon, compter les images, s'il en reste 2 appliquer un deuxième style, s'il en reste 1 appliquer un troisième style, c'est à peu près ça ?
C'était bien ça !
Pour le reste SAM a tout dit et a déjà donné des pistes en javascript. Tu as donc deux approches :
* modifier le markup (mettre une classe particulière) via PHP * parcourir le DOM par javascript et corriger dynamiquement ton dernier élément
D'ordinaire je recommande peu le js, mais ici cela pourrait bien se prêter, surtout si on ne veut pas mettre dans son code PHP quelque chose d'uniquement nécessaire à de la présentation.
Si j'avais le temps je tenterai de trouver une solution à base de selecteurs CSS 3, mais à mon avis c'est pas forcément gagné, et de toute façon on peut considérer que le support n'est pas encore assez répandu.
SAM
Le 2/5/09 5:09 PM, Thibault a écrit :
Si j'avais le temps je tenterai de trouver une solution à base de selecteurs CSS 3, mais à mon avis c'est pas forcément gagné, et de toute façon on peut considérer que le support n'est pas encore assez répandu.
Oui voilà, alors au pire le JS et au pire du pire ... ce n'est pas centré et ... il n'y aura ss doute pas mort d'homme ;-)
Bien que le truc sans float donné par ailleurs fonctionne très bien dans Fx3 et Safari.3 (pas le temps pour IE)
Si j'avais le temps je tenterai de trouver une solution à base de
selecteurs CSS 3, mais à mon avis c'est pas forcément gagné, et de toute
façon on peut considérer que le support n'est pas encore assez répandu.
Oui voilà,
alors au pire le JS
et au pire du pire ... ce n'est pas centré
et ... il n'y aura ss doute pas mort d'homme ;-)
Bien que le truc sans float donné par ailleurs fonctionne très bien dans
Fx3 et Safari.3 (pas le temps pour IE)
Si j'avais le temps je tenterai de trouver une solution à base de selecteurs CSS 3, mais à mon avis c'est pas forcément gagné, et de toute façon on peut considérer que le support n'est pas encore assez répandu.
Oui voilà, alors au pire le JS et au pire du pire ... ce n'est pas centré et ... il n'y aura ss doute pas mort d'homme ;-)
Bien que le truc sans float donné par ailleurs fonctionne très bien dans Fx3 et Safari.3 (pas le temps pour IE)
