SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 233 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > MediaBox > Mediabox avec texte > Mediabox avec texte

Mediabox avec texte

30 mars 2015 – par chankalan – 11 commentaires

8 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.

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

PNG - 455.2 ko
black-greybox
PNG - 493.4 ko
black-simple
PNG - 466 ko
black-striped
PNG - 420.1 ko
bootstrap
PNG - 450.2 ko
fancybox
PNG - 435.8 ko
thickbox
PNG - 449.8 ko
white-shadow
PNG - 489.7 ko
white-simple

Dernière modification de cette page le 21 septembre 2016

Retour en haut de la page

Vos commentaires

  • Le 15 septembre 2016 à 19:39, par Idaho En réponse à : Mediabox avec texte

    Bonjour,

    Vraiment ravi de voir enfin un tel plugin qui me permettra de remiser mes surcharges habituelles ! Merci !
    Par contre.. j’active le plugin, je désactive mes propres surcharges, vide le cache etc. (vide même le cache du navigateur) Et... ben rien, quoi...
    Avec la box bootstrap, rien ne change. Je cherche un endroit où cliquer pour faire apparaitre titre et descriptif de l’image mais je ne vois rien.

    En mettant un #cboxTitle {opacity:1;} dans ma surcharge css, là je vois en effet les textes mais en surimpression des outils de navigation de la box, pas « sur » l’image.. C’est loin d’être aussi beau que sur la capture « bootstrap » des explications ci-dessus...
    Qu’est-ce qui ne marcherait pas ??

    -  Spip 3.1.1...
    -  surcharges persos html et css désactivées.

    Merci de m’aider... arg..

    • Le 19 septembre 2016 à 14:16, par Idaho En réponse à : Mediabox avec texte

      Un petit « up »...?
      Parce que j’aimerai vraiment pouvoir afficher les textes avec ce plugin.. un peu nécessaire, quoi..
      Merci

    • Le 20 septembre 2016 à 09:39, par chankalan En réponse à : Mediabox avec texte

      Bonjour,
      je n’avais pas vu ce message, désolé...
      Mais je viens de tester une nouvelle installation, et puis le plugin est utilisé sur plusieurs SPIP 3.1.1 sans problème. (Il faut bien qu’il y ait un titre et une description aux images...?)
      Pour une nouvelle installation il faut peut-être vider aussi le dossier local/cache-js, et puis essayer en enlevant tous les plugins. S’il y en a un autre qui nécessite le plugin « Medias » ça peut poser problème... c’est quand même une surcharge du plugin.
      Dites-nous si ça marche sans les autres plugins, merci !

    • Le 20 septembre 2016 à 15:54, par Idaho En réponse à : Mediabox avec texte

      Bonjour et merci de votre réponse,

      Alors je viens d’essayer sur :
      -  un Spip 3.1.1 tout neuf
      -  pas de plugins sauf Mediabof avec texte
      -  dans cfg Mediabox choix de la box bootstrap (mais essayé aussi avec autre)
      -  test sur image dans portfolio article insérée en doc|left, comportant titre, descriptif et credits (of course )))
      -  aucun surcharge
      -  cache vidé et page recalculée
      => aucun affichage de texte... aucun lien ou symbole.. l’espace d’affichage boostrap (gris) du titre est vide.

      +- Avec surcharge css #cboxTitle {opacity:1;}
      => Affichage du titre seul, dans le bandeau inférieur gris de la box, pas sur le bord inférieur de l’image.

      +- Après avoir vidé local/cache-js, le cache + recalcul... + actualisation...
      => Idem

      Voilà... snif.
      Merci

    • Le 21 septembre 2016 à 09:20, par chankalan En réponse à : Mediabox avec texte

      ah ok, voilà le problème : le plugin ne surcharge que le portfolio, pas les modèles d’inclusion de documents, lire plus haut. Si besoin, c’est à chacun de le faire en prenant exemple sur le fichier inclure/documents.html
      Voir l’attribut data-desc...

    • Le 21 septembre 2016 à 17:20, par Idaho En réponse à : Mediabox avec texte

      Oui oui, désolé, je voulais apporter des précisions à mon message + haut qui, effectivement,.. ne montrerait rien d’anormal, le plugin agissant sur le portfolio.

      Ma confusion vient que j’utilise un squelette d’article surchargé qui prend les images en portfolio pour les afficher dans l’espace texte de l’article..
      Et sur le site où cela est en place, le plugin ne fonctionne pas, la div « cboxDatadesc » existe mais reste vide lorsque c’est la div « cboxTitle » qui continue à afficher le titre (+ ou moins bien selon les box... c’est quand même dingue, ça d’ailleurs... brrrref).
      Le problème c’est qu’il y a pas mal de plugins déjà installés, tous évidemment importants.. Je vais quand même essayer en les désactivant, ça peut donner une info.

    • Le 21 septembre 2016 à 18:14, par Idaho En réponse à : Mediabox avec texte

      Bon alors pas de conflit avec un autre plugin. Ce qui se passe c’est que ma page test (où le plugin serait important) est constituée d’une galerie composée via un squelette spécial qui insère les images du portfolio dans la div texte de l’article (la div class « texte surlignable clearfix » de la dist) avec une simple boucle.. et c’est là que le plugin est sans effet.
      Par contre sur une page « normale » où le portfolio s’affiche classiquement en fin, ça marche.

      Donc je vais chercher un peu ce qui ne marche pas sur cette page-galerie.. sinon je continuerai avec mes surcharges habituelles de documents.html et colorbox...

      Merci en tout cas (désolé pour le bruit..)
      Thomas

    Répondre à ce message

  • Le 26 juin 2016 à 14:41, par Benoît Labourdette En réponse à : Mediabox avec texte

    Chez moi (Spip 3.1), ce plugin a pour effet d’enlever le texte dans la boîte ! ;-)
    Pensez-vous qu’il serait possible d’afficher le texte ailleurs qu’en-dessous, par exemple à droite de l’image ? Comment gérer la CSS pour pouvoir faire cela ?
    Merci !!

    • Le 26 juin 2016 à 15:15, par chankalan En réponse à : Mediabox avec texte

      Bonjour,
      le titre de l’article est en effet retiré visuellement, puisqu’on met à disposition le titre et la description de l’image elle-même. Il suffirait de corriger #cboxTitle avec opacity:1 ; dans les styles pour le retrouver.
      Pour afficher à droite la description, il faut alors corriger les styles de #cboxDatadesc avec quelque chose genre width:auto ; left:70% ; height:100% ; max-height:100% ;
      pour s’approcher, ça reste certainement à améliorer...

    • Le 27 juin 2016 à 06:38, par Benoît Labourdette En réponse à : Mediabox avec texte

      Bonjour,
      Merci beaucoup, je vais essayer cela, et je vous tiens au courant.

    Répondre à ce message

  • Le 25 novembre 2015 à 16:33, par Marco En réponse à : Mediabox avec texte

    Bonjour et merci pour ce plugin.

    J’ai une petite question. J’ai bien le titre et le texte et le bouton fermer mais tout le reste a disparu....
    Je n’ai plus la navigation et surtout l’option « diaporama ». Je précise qu’avant l’install de ce plugin, cela marchait et maintenant, si je le désinstalle c’est pareil, pas d’option.

    Comme puis-je remédier à cela ?
    J’hesite entre
    /plugins-dist/mediabox/javascript/spip.mediabox.js
    et
    /plugins/auto/mediaboxavectexte/v2.0.2/javascript/jquery.colorbox.js
    mais...
    peut-être est-ce ailleurs ;-)

    Répondre à ce message

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

  • Acces Restreint 3.0

    11 décembre 2008 – 788 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • GIS 4

    11 août 2012 – 1304 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Plugin SPIP-Géoportail

    17 août 2010 – 459 commentaires

    Plugin pour l’intégration d’objets géographiques dans SPIP avec l’API Géoportail. Affichage de cartes Géoportail, OpenStreetMap (OSM), Google Maps, Bing ou Yahoo !... Nouvelle version Suite au changement de version de l’API géoportail et des (...)

  • Photoswipe

    18 septembre 2016 – 16 commentaires

    Une lightbox javascript responsive. PhotoSwipe est une boîte multimédia — comme la Mediabox installée en série avec SPIP — qui permet de zoomer à la taille réelle des images et qui gère intelligemment les légendes. Le plugin est basé sur la librairie (...)

  • ScolaSPIP 4

    19 janvier 2016 – 153 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 (...)