Une mosaïque de livres dans esidoc

Modifications :

Suite à des remarques, j'ai apporté quelques corrections au générateur de mosaïques. Les mosaïques sont maintenant mieux intégrées au reste de la page (pas d'espace entre la mosaïque et le contenu placé juste après) et surtout le temps de chargement est beaucoup moins long.

En contrepartie, il y a un peu plus de code à copier-coller.

Article modifié le 12/10/2017

Aussi, vous pouvez maintenant décider vous-même du nombre de vignettes par ligne (ou bien laissez "auto" pour que le nombre de vignettes par ligne soit calculé en fonction du nombre total de vignettes).

Article modifié le 24/10/2017

Que diriez-vous d'une mosaïque de livres sur la page d'accueil de votre portail (ou sur n'importe quelle autre page, d'ailleurs), histoire de changer des traditionnels carrousels ? Par exemple, pour la sélection du prix des Incos de cette année (5ème/4ème), on obtiendrait quelque chose comme ça :

URL de la page d'un document

Pour cela, entrez simplement dans le formulaire ci-dessous les URL des pages des documents que vous souhaitez afficher.

Répétez cette opération autant de fois que le nombre de vignettes que vous voulez voir figurer dans votre mosaïque (cliquez sur le bouton "+" pour ajouter un document). La taille de la mosaïque (nombre de lignes, de colonnes) est calculée en fonction du nombre de documents.

Veillez à ne prendre que des documents disposant d'une vignette dans votre portail.

Adresse document 1 :

Lorsque vous avez terminé, il ne vous reste plus qu'à générer le code, puis à l'insérer dans votre page.

Nombre de vignettes par ligne :

5 thoughts on “Une mosaïque de livres dans esidoc

  1. Bonjour Guillaume,
    Ce petit commentaire pour signaler un problème sur le code : un message d’erreur apparaît à la place de la mosaïque, y compris dans la démonstration de votre article. Auriez-vous une solution ? Peut-être une coquille dans le code ? D’avance merci !

  2. Bonjour,
    D’abord merci bcp pour tes partages !
    J’aimerai avoir des vignettes plus petites, quelle partie du code je dois modifier ?
    J’ai essayé de bidouiller mais sans arriver au résultat voulu^^

    Merciiii

  3. Merci, c’est sympa aussi, mais j’aimerai plutôt pourvoir avoir les images des couvertures en plus petit, pour qu’elles ne se superposent pas car là si je mets 6 couvertures sur la même ligne, on ne voit plus les titres proposés, seulement la moitié de chaque couverture

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *