Je Cherche un site fonctionnel avec le plugin jquery Masonry

Général
#1

qqun pour m’indiquer une page fonctionnelle avec le plugin Masonry, merci

#2

La version 0.5.1 de la forge indique une compatibilité jusqu’à SPIP 3.3 mais elle n’est pas distribuée (c’est la 0.4.3 sur plugins : jQuery Masonry - Plugins SPIP ).

Il faudrait essayer cette version 0.5.1 en téléchargeant le zip et voir si elle fonctionne bien (jusqu’en SPIP 4?)…

#3

merci de l’information jeanmarie,

Bon l’installation ne pose plus de problème en 3.2, mais je n’obtiens pas vraiment ce que j’en attendais…
cf article de masonry - masonry

activer ou non-activer, l’article est affiché de la même façon ( des images en float dans une div …)
ci-dessous la partie du squelette pour les images et les css associées

[(#REM) Portfolio : album d'images ]
<B_documents_portfolio>
	<div class="bloc clearfix documents_portfolio" id="documents_portfolio">
		<h2><:medias:info_portfolio:></h2>
		<div id="mur">
			<BOUCLE_documents_portfolio(DOCUMENTS) {objet?}{id_objet?} {mode=document}{extension IN png,jpg,gif} {par rang_lien, num titre, date}{doublons}{vu=non}>[
			<div id="briques"><a href="(#URL_DOCUMENT)" type="#MIME_TYPE" onclick="location.href='[(#URL_ARTICLE
		  |url_absolue
			|parametre_url{id_document,#ID_DOCUMENT}
			|ancre_url{documents_portfolio}
			)]';return false;"[ class="(#EXPOSER)"][ title="(#TITRE|attribut_html|couper{80})"]>[(#FICHIER
				|image_passe_partout{100,100}
				|inserer_attribut{class,spip_logo}
				|inserer_attribut{alt,[(#TITRE|attribut_html|couper{80})]})]</a></div>
			]</BOUCLE_documents_portfolio>
		</div>
	</div><!--#documents_portfolio-->
</B_documents_portfolio>

#mur {
    float: left;
    width: 100%;
    display: inline;
    height: auto;
    position: relative;
    padding: 0;
}
#briques {
    position: relative;
    float: left;
    display: block;
    width: auto;
    padding: 0;
    height: auto;
    margin: 0;
}

merci pour vos remarques

#4

Autant pour moi, mélange classe et id /o
donc un peu de corrections

.mur {float:right;width:100% ;display:inline ; height:auto ;position:relative ; padding:0 ;}
.briques {
position:relative ;float:left ; display:block ; width:auto ;padding:0 ; height:auto ;margin:0 ; }
.brique img {
  position:relative ;float:left ; display:block ; width:100% ;padding:0 ; height:auto ;margin:0 ; }

et ajustement des images

|image_reduire{200,0} au lieu |image_passe_partout{100,100}

ca va mieux

#5

Ça fonctionne avec la version 0.5.1 en SPIP3.2 ?

#6

oui tu peux voir article de masonry - masonry

#7

hello, par contre j’ai testé les différents modes
seul le mode multicolonne=oui avec des logos redimensionnés à la largeur des colonnes me satisfait.

mais je ne m’attendais pas à çà, j’espérais une organisation comme présenter dans le schéma « after » du plugin

si qqun utilise une autre présentation je serais heureux de la voir

Merci