SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 215 visiteurs en ce moment

Accueil > Squelettes > Outils pour squelettes > Image par défaut > Balise #IMAGE_PAR_DEFAUT

Balise #IMAGE_PAR_DEFAUT

12 avril 2014 – par Cyril Marion – commentaire

7 votes

Cette balise génère à la volée des images dont on peut préciser la taille et la couleur. Elle s’utilise par exemple lors du développement d’un site, lorsqu’il manque des images. On la place alors dans la partie alternative de boucles requérant ces images, et elle sera appelée chaque fois qu’une image requise n’a pas été trouvée par la boucle.

Cas d’utilisation

Imaginons le cas d’un site où l’on ait absolument besoin d’une série d’images d’une certaine taille par exemple pour alimenter un slider. Imaginons que ces images ne soient pas encore présentes sur le site.

Créons un squelette de slider qui tente dans un premier temps de récupérer les images requises (de largeur 960px par exemple) depuis la bibliothèque dans une boucle [1] :

Ajoutons une partie alternative à la boucle afin de traiter les cas où les images requises ne sont pas encore en bae. La balise #IMAGE_PAR_DEFAUT sera appelée en lieu et place du fichier manquant :

Paramètres

Outre les dimensions de l’image à fabriquer, on peut passer à la balise #IMAGE_PAR_DEFAUT d’autres paramères :
-  un texte (court...)
-  une couleur pour le fond (par défaut gris #cccccc...)
-  une couleur pour le texte (par défaut #444444...)

Exemples d’appel

Voici quelques exemples d’appel avec les résultats produits :

#IMAGE_PAR_DEFAUT{300,200,'',#009AFE,#717286}

#IMAGE_PAR_DEFAUT{300,200,'Pouet'}

Pour de petites images :

#IMAGE_PAR_DEFAUT{108,108,'Silhouette',#e6d39b,#4682C8}

Et pour des images plus grandes [2] :

#IMAGE_PAR_DEFAUT{960,260,'Un texte vraiment très très long, voire trop long',#e6d39b,#4682C8}

Voir en ligne : http://plugins.spip.net/image_par_defaut

P.-S.

Afin d’éviter que des images alternatives issues de la balise #IMAGE_PAR_DEFAUT n’apparaissent par mégarde aux yeux des visiteurs, il est recommandé de désactiver ce plugin sur les sites en production.

Notes

[1Les filtres sur la boucle document et sur la balise #FICHIER sont donnés à titre d’exemple et n’influent pas sur le comportement de la balise

[2Dans le cas présent sur Contrib les images sont réduites pour ne pas nuire à la mise en forme

Dernière modification de cette page le 7 février 2016

Retour en haut de la page

Vos commentaires

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

  • Enluminures typographiques V3

    25 juillet 2009 – 186 commentaires

    Les Enluminures typographiques V3 permettent d’ajouter au Porte plume les raccourcis typographiques présents dans le Plugin Barre Typographique Enluminée. C’est une extension du PortePlume. Pour la documentation d’usage, se reporter à celle du (...)

  • Refonte de l’identité graphique

    10 juillet – 36 commentaires

    Lors de la SPIP Party 2017 à Toulouse, un nouveau contributeur est venu nous présenter son travail sur une refonte du logo. Au delà de la refonte du logo, c’est une toute nouvelle identité graphique pour SPIP que Jordan nous propose. Voici une (...)

  • En travaux 2.0

    15 mai 2009 – 68 commentaires

    À utiliser pendant une phase de maintenance, ce plugin affiche une page d’avertissement personnalisable, en lieu et place du site public.

  • ScolaSPIP 4

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

  • Agenda Fullcalendar facile

    29 octobre 2016 – 34 commentaires

    Dans un précédent article, nous expliquions comment afficher un agenda Fullcalendar sur son site avec le plugin agenda. Cependant, ceci nécessite des manipulation de squelettes, ce qui n’est pas toujours évident lorsqu’on débute. La présente (...)

Ça spipe par là