Bonjour, j’ai implanté le javascript masonery qui permet de réorganiser les images d’un div pour ne pas comporter de blanc et adapter les tailles des éléments pour un ensemble organisé, brerf, j’imagine que vous connaissez mieux que moi).
J’ai un soucis car au chargement, ce script superpose les images tant que la fenêtre n’est pas modifiée.
je me débrouille en css et en html (c’est moi qui est codé mon site), amis suis un peu perdu au delà.
Est-ce que quelqu’un aurait une idée de comment solutionner cela?
Tu ne sembles pas utiliser le plugin SPIP Masonry, si ?
Je ne vois pas le script imagesloaded.pkgd.min.js qui permet d’attendre que les images soient chargées avant de lancer la réorganisation des blocs, ça vient peut-être de là (sans les images, les blocs sont bien alignés).
Teste sans les images en essayant d’avoir des blocs de taille différentes pour voir.
Bonjour Jean-Marie, non je n’ai pas installé le plug in spip non. PEnses tu que ce soit nécessaire?
Effectivement, tu à l’air d’avoir cerné le problème de l’attente du chargement des images avant d’appliquer masonery, ça fait sens. Comment mettre en œuvre ce script (je ne connais pas le javascipt alors, ça ne m’est pas évident d’improviser!) ?
Bonjour Jean-Marie,
ESt-ce que la bonnne marche à suivre est de télécharger le fichier javascipt " imagesloaded.pkgd.min.js"
le téléverser vers mon dossier js sur mon ftp, et l’inclure comme tel
le script s’applique bien au bons éléments, mais sans doute avant que les images soient chargées. Ne maitrisant pas du tout le javascript je suis un peu perdu.
alors je l’ai installé, mais ça ne fonctionne pas , j’ai testé en définissant les « containers » et « items » de manières différentes (mes divs sont multiples et peut être me suis-je trompé?) mais rien n’y fait… : (
est-ce que qu’avec le code html au dessus, vous pouvez me dire comment configurer le plugin?
J’ai créé une composition particulière sur les articles « article-equipementpublic.html »
donc pour un article de cette composition j’affiche en mode masonry les images du portefolio
j’ai donc inclus dans ce squelette
En regardant rapidement, je dirais Container : row et Items : col-lg-4
Mais je serais toi, je ferais sans ces classes pour éviter un conflit avec ton framework CSS bootstrap ou autre, tu peux simplifier le code avec uniquement les classes container et bloc_contenu.
j’imagine que mon bootstrap pose soucis avec le plugin oui. Sinon, , avant de mettre le plugin spip, masonery fonctionnait comme je l’avais installé initialement, mais avec un probleme de script masonery qui se lancait avant que toutes les images soient chargées.
Je pense repartir de cette base, comment implanter le script imagesloaded.pkgd.min.js concretement?
ESt-ce que la bonnne marche à suivre est de télécharger le fichier javascipt " imagesloaded.pkgd.min.js"
le téléverser vers mon dossier js sur mon ftp, et l’inclure comme tel
merci, je me demande si mon probleme avec le plugin ne vient pas de mon framework bootstrap, et des largeurs proportionnelles des blocs… En tout cas, pas moyen de faire fonctionner le plugin avec e sconnaissances : (
Comme je te le disais dans mon message, fais au plus simple : garde uniquement les div .container et .bloc_contenu et supprime ceux qui ont une classe bootstrap sans quoi, ça ne peut pas marcher.