SPIP-Contrib

SPIP-Contrib

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

290 Plugins, 198 contribs sur SPIP-Zone, 103 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

  • Titre de logo v2

    23 mai 2014 – 22 commentaires

    La version 2 du plugin Titre de logo reprend les mêmes fonctions que la v1 mais étend le titre et le descriptif aux logos de tout objet éditorial de SPIP. Vous pouvez toujours vous référer à l’article de la version 1 pour retrouver les fonctions (...)

  • Plugin Figures

    10 octobre 2017 – commentaires

    Modèles d’insertion des documents en HTML5, avec figure et figcaption. Envie d’utiliser HTML5 sur tout votre site, y compris les modèles d’insertion des documents de SPIP ? Aussitôt installé, ce plugin utilise les éléments HTML5 figure et figcaption (...)

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – 21 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)

  • cibloc : mettre en forme le texte d’articles avec des blocs

    9 juillet – 13 commentaires

    Le plugin CIBLOC permet de mettre en forme le texte d’articles avec des blocs. Il offre des blocs, des colonnes, des icônes et des boutons. Les objectifs de ce plugin Le plugin CIBLOC offre des blocs, des colonnes, des icônes et des boutons : (...)

  • PHANTOM (HTML5UP)

    18 juillet – 11 commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)