SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 106 visiteurs en ce moment

Accueil > Affichage multimédia > Images > Images réactives > Images Compare > Images Compare

Images Compare

6 septembre 2012 – par b_b

2 votes

Un petit plugin qui met à disposition un modèle afin de superposer deux images pour les comparer.

Ce plugin est une adaptation pour SPIP du plugin jQuery qbeforeafter réalisé par Kevin Liew. Ci-dessous, un aperçu du résultat obtenu :

Vous pouvez consulter d’autres exemples sur la page de démonstration du site de l’auteur du script original.

Utilisation du modèle

Tout d’abord vous devez préparer vos images à l’aide d’un logiciel pour les recadrer et les exporter aux même dimensions. Puis, ajoutez ces deux images en tant que document joint d’un article de votre site. Ensuite, vous pouvez insérer les images à comparer dans le texte de votre article avec le code suivant :

<imagescompare|avant=4|apres=3>

4 est l’id du document correspondant à la première image, et 3 l’id du document de la deuxième image.

Si vous souhaitez afficher le titre des documents sous forme de légende en superposition des images, ajouter le paramètre legende=oui dans l’appel du modèle :

<imagescompare|avant=4|apres=3|legende=oui>

Et voilà ;)

Voir en ligne : http://plugins.spip.net/imgcompare

Dernière modification de cette page le 22 juin 2013

Retour en haut de la page

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Agenda 2.0

    3 novembre 2008 – 1095 commentaires

    Voici la version pour SPIP 2.0 du Plugin Agenda pour SPIP 1.9.2, avec une interface remaniée pour encore plus de plaisir. Pour une documentation concernant l’utilisation d’Agenda 3 pour SPIP 3, veuillez pour l’instant vous référer à SPIP 3, Agenda (...)

  • SpipClear 2.1

    18 avril 2009 – 137 commentaires

    Un squelette de blog parmi les autres, entièrement pompé (avec la permission du concepteur) sur le thème par défaut de DotClear.

  • Diaporama responsive avec Nivo Slider

    15 septembre 2015 – commentaires

    Un diaporama responsive basé sur « Nivoslider ». Introduction Cette contribution est une adaptation liée à Nivo-Slider (http://contrib.spip.net/Nivo-Slider-3747). Ce dernier plugin disponible n’étant pas responsive, nous l’avons refait une adaptation (...)

  • Mon site affiche une page blanche ou je ne peux plus accèder à l’espace privé

    7 février 2008 – 32 commentaires

    Au secours ! « Tout à coup » votre site devient inutilisable ou inaccessible ! Comment faire ? Pourquoi ? Par où commencer ? Sans pouvoir couvrir tous les cas, cet article va essayer de vous guider rapidement vers la (...)

  • Polyhiérarchie

    14 juillet 2009 – 166 commentaires

    Ce plugin permet de rattacher un article ou une rubrique à plusieurs rubriques parentes.