Mediabox avec texte

Publié le : 30 mars 2015 – Dernière modification le 21 décembre 2021 – par chankalan – 38 commentaires

1
2
3
4
5
10 votes

Tout pareil que la Mediabox de SPIP sauf qu’on affiche le titre entier et la description entière de l’image dans l’agrandissement de l’image.

La présence simultanée de texte et image n’est pas forcément évidente à réaliser dans un agrandissement d’image à l’écran, mais elle peut sembler justifiée dans certains cas de narration, genre roman photo.

Usage

Ce petit plugin vient surcharger le plugin-dist Boîte Multimédia (mediabox) pour afficher le titre et la description de l’image par-dessus l’image agrandie.

  • apparence : le texte est sur fond transparent.
  • fonctionnement : un clic pour masquer, un clic pour afficher à nouveau.


Le plugin surcharge le fichier squelettes-dist/inclure/documents.html pour ajouter un attribut data-desc qui est permis en HTML5 seulement (http://www.w3.org/TR/html5/dom.html#attr-data-*). Il est conseillé de n’utiliser le plugin que sur un site déclaré comme tel.

Une fois le plugin activé, tous les documents simplement déposés dans le portfolio d’un article seront concernés. Si vous voulez prendre aussi en compte les documents insérés dans le texte, vous devrez surcharger vous-même les modèles utilisés.

L’affichage est adapté à chaque style de la Boîte Multimédia. Pour le modifier, vous devez surcharger la feuille de style correspondante au thème que vous avez choisi dans la configuration : dans l’administration de SPIP, faire « Squelettes > Boîte Multimédia ». Les feuilles de style se retrouvent dans le dossier_du_plugin/colorbox/nom_du_theme/colorbox.css (le dossier d’images est à déplacer avec la feuille de style) que vous pouvez donc déplacer vers squelettes/colorbox/nom_du_theme/colorbox.css

Notes v3 pour SPIP 3.2

Pour ceux qui auraient surchargés le fichier, l’attribut data-desc devient data-cbox-desc dans inclure/documents.html

Captures d’écran dans les styles proposés par la médiabox

black-greybox
chankalan
black-simple
chankalan
black-striped
chankalan
bootstrap
chankalan
fancybox
chankalan
thickbox
chankalan
white-shadow
chankalan
white-simple
chankalan

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

2 discussions

  • 1
    elm31rugby

    Bonjour, je bataille avec Mediabosavectexte depuis plusieurs jours, et je me permets de vous poser une questions.
    Je suis sous Spip 3.2 et Mediaboxavectexte 3.0
    J’ai renseigné le descriptif de mon image, elle est dans un portfolio d’une rubrique.
    Lorsque je regarde le code source de mon image, j’obtiens le résultat suivant :

    <div id="cboxTitle" style="float: left; display: block;">Les fonts baptismaux</div>
<div id="cboxDesc"></div>

    C’est à dire que mon descriptif est vide.
    Avez-vous une idée de ce que j’aurais pu oublier ?
    Merci,
    Eric LM

    • elm31rugby

      Pardon pour le dérangement, j’ai trouvé !... Un peu compliqué à expliquer, j’avais oublié que mon portfolio était déjà surchargé par un autre fichier...
      La mémoire est faillible...
      Bonne journée !

    Répondre à ce message

  • 3
    JeanLuc

    Bonjour
    Je viens de passer de spip 3.0 à 3.2. Le plugin ne fonctionnait plus mais après un week-end passé à chercher le pb, je me suis aperçu que le paramètre « data-desc » était devenu « data-cbox-desc » dans la nouvelle version du plugin...
    Comme j’ai plusieurs surcharges de fichiers qui utilisaient l’ancien paramètre, les descriptifs n’apparaissaient plus dans les agrandissements d’image. En corrigeant le nom du paramètre, tout est rentré dans l’ordre.
    Peut-être faut-il l’indiquer dans le descriptif ci-dessus pour prévenir les futurs utilisateur de ce changement ?
    Merci en tout cas pour ce plugin bien utile.

    • chankalan

      Désolé, je crois me rappeler qu’il y avait un problème avec cet attribut. Je note ce changement.
      Si le plugin est utile c’est très bien...
      :o)

    • JeanLuc

      Quand on gère un site d’un club de rugby, c’est en effet un plugin bien utile pour donner les noms des joueurs sur les photos...
      Voir sur cette page par exemple avec les images dans le portfolio...
      Merci encore.

    • JeanLuc

      Pour un site d’une association sportive, c’est bien utile de pouvoir avoir les noms des joueurs sur les photos...
      Voir sur cette page par exemple avec les images en portfolio.
      Merci encore.

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom