SPIP-Contrib

SPIP-Contrib

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

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

  • Plugins Giseh

    26 novembre 2010 – 457 commentaires

    Les plugins correspondants aux fonctionnalités de Giseh, compatibles avec SPIP 3.2, SPIP 3.0 (et SPIP 2.1) et compatibles (sous SPIP 3.2) avec PHP 7.0 et 7.1, sont les suivants : le plugin « ciparam : Configurateur de squelettes » le plugin « cisquel  (...)

  • Saisies

    27 mars 2010 – 515 commentaires

    Introduction Créer un formulaire est une tâche toujours un peu répétitive : les champs ont souvent les mêmes propriétés, le même accompagnement (message d’erreur, explication, ...) et la même structure HTML. Ce plugin est un outil pour les développeurs (...)

  • Créer un modèle permettant de calculer l’âge automatiquement

    18 février 2015 – 22 commentaires

    Pouvoir calculer un âge et afficher le résultat automatiquement dans un article, un titre, une brève, etc. L’âge est mis à jour dynamiquement et automatiquement. Cet article vous explique pas à pas comment y arriver. Pré-requis : (conseillé) (...)

  • Tutoriel : créer une carte interactive avec GIS4

    19 octobre 2013 – 33 commentaires

    Utilisation de quelques fonctions javascript pour créer des interactions avec une carte GIS. L’objet de ce tutoriel est de produire une carte interactive. Effacer tous les points d’une carte La fonction javascript removeAllMarkers() permet (...)

  • Configurer Sparkpost

    25 avril 2016 – 27 commentaires

    N’hésitez pas à relire le préambule de cette rubrique avant de créer un compte sur une plateforme tierce . Présentation Sparkpost est une société d’envoi de mailing https://www.sparkpost.com/ Sur les petits volumes ( <100.000 emails / mois), (...)