JQuery Masonry

Published : 15 August 2011 – updated on 19 March 2022 – by b_b, Yffic – 36 commentaires

1
2
3
4
5
17 Votes

Ce plugin est un portage pour Spip du plugin jQuery Masonry de David DeSandro : http://masonry.desandro.com/

Principe

Ce plugin réorganise les blocs de votre page page d’après une grille (de manière verticale et horizontale) pour réduire au maximum les espaces vides entre les éléments qui apparaissent lorsqu’on applique la propriété float sur des blocs de hauteurs différentes.

Installation

Comme tous les autres plugins, cf. http://www.spip.net/fr_article3396.html

Le plugin nécessite le plugin Saisies et YAML (+ Bonux pour Spip 2.1).

Configuration

La page de configuration du plugin permet de choisir le nombre d’éléments à traiter dans le site, puis pour chaque élément de saisir :

  • la classe ou l’id du container sur lequel appliquer le script
  • la classe des «briques» à agencer
  • la largeur des colonnes
  • la marge autour des «briques»
  • ...

Discussion

5 years 1 year 3 months Without limit
par date
Filter

One discussion

  • Flo

    Bonjour,

    Le plugin fonctionne bien sous spip 3.2.11
    Cependant j’ai un souci au niveau de la hauteur du container qui n’englobe pas tous les div. Le texte des calques de la dernière ligne n’apparait pas complètement lorsqu’il est un peu long.
    http://histoiredamours.com/?L-ours-...

    Avec l’inspection ont voit que le fichier est surchargé avec une classe masonry. Mais je suppose que ça se passe plutôt dans le fichier javascript car il n’y a aucun fichier css...

    quelqu’un saurait comment régler le problème svp car les fichiers js sont du chinois pour moi... ^^ ?

    Reply to this message

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom