SPIP-Contrib

SPIP-Contrib

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

289 Plugins, 197 contribs sur SPIP-Zone, 93 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

  • Escal-V3 et Escal-V4

    16 février 2012 – 314 commentaires

    Un jeu de squelettes proposant un affichage en 2 ou 3 colonnes avec un large choix de noisettes à insérer ou pas, fortement paramétrable depuis l’espace privé. Présentation A l’instar de sa petite soeur plugin Escal-V2 dont elle reprend toutes les (...)

  • SPIP-Cli

    20 décembre 2015 – 13 commentaires

    SPIP-Cli est une interface en ligne de commande pour SPIP. SPIP-Cli sert à interagir avec SPIP depuis la ligne de commande, à la fois avant d’avoir un SPIP sous la main (installation, configuration…), puis ensuite pour administrer ou modifier un (...)

  • Plugin Google Viewer

    22 mai 2011 – 34 commentaires

    Ce plugin fournit des modèles d’incrustation de documents utilisant le lecteur de documents de Google. Principe Ce plugin permet d’utiliser le lecteur de documents de Google pour incruster des documents dans vos textes. L’ensemble des (...)

  • Social tags

    8 septembre 2008 – 444 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration. Insertion (...)

  • LESS pour SPIP : Less-CSS (anciennement LESSpip)

    5 novembre 2010 – 51 commentaires

    Less-CSS (Anciennement LESSpip) est un plugin intégrant facilement le logiciel LESS dans SPIP. LESS est une extension de CSS ajoutant les variables, les classes, les opérations, les imbrications au langage. Facilitant ainsi l’écriture de feuilles (...)