SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 160 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 ?
  • [Se connecter]

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

  • ScolaSPIP 4

    19 janvier 2016 – 163 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Vérifier ses plugins avant un changement de version de SPIP

    28 mars – commentaire

    Lister la compatibilité des plugins avec une autre version de SPIP Ce plugin est le successeur du plugin Vérifier ses plugins pour le passage à SPIP 3.1. Il permet de vérifier si ces plugins sont compatibles avec des versions plus récentes de (...)

  • bigfoot

    16 juin 2015 – 58 commentaires

    Un plugin qui facilite l’utilisation des notes de bas de page en les affichant dans des infobulles à l’aide d’un peu de javascript. Le constat de l’auteur du script : Les notes de bas de page sur le web sont une plaie. Tu dois d’abord essayer de (...)

  • Mailshot

    16 janvier 2013 – 254 commentaires

    Ce plugin prend en charge l’envoi en nombre d’info-lettres par email. Mailshot permet l’envoi en nombre d’emails au moyen d’un SMTP (ou d’un service externe) dédié à cet effet. Il permet de limiter la cadence d’envoi. Enfin, ce plugin implémente la (...)

  • SkelEditor 2.0

    1er mars 2010 – 74 commentaires

    La version remaniée et enrichie du plugin, pour SPIP 2.1, qui vous permet d’éditer votre squelette directement en ligne sans passer dans le FTP Ce plugin vous permet d’éditer les fichiers du squelette courant depuis l’interface privé. Cela peut (...)