Choisir la largeur d'affichage des visuels #2273

Pour permettre, lorsqu'on dispose d'une magnifique photo de montagne dans la médiathèque, de l'afficher différemment d'un article à l'autre, par exemple :

plein pot ici (à charge des squelettes de le redimensionner),
en illustration de taille moyenne dans un autre article,
et en petite vignette cliquable dans un troisième article,

quelques filtres simples pourraient être passés aux modeles d'insertion :

<img324|small> afficherait une vignette de l'image (retaillée à la dimension renseignée dans l'espace privé)
<img324|max> afficherait l'image plein pot (à charge des squelettes de le redimensionner)
<img324|ico> afficherait non par l'image, mais l'icône du fichier (celle rangée dans /vignettes, qu'on perd dès lors qu'on active la génération des vignettes)
<img324|200> afficherait l'image à la largeur indiquée (en pixel) pour les geeks qui savent compter en pixel

Ces paramètres produiraient le même effet quelque soit le mode d'affichage (image/document/document) et quelque soit le modèle d'insertion (imd/doc/emb).

Pour permettre, lorsqu'on dispose d'une magnifique photo de montagne dans la médiathèque, de l'afficher différemment d'un article à l'autre, par exemple : * plein pot ici (à charge des squelettes de le redimensionner), * en illustration de taille moyenne dans un autre article, * et en petite vignette cliquable dans un troisième article, quelques filtres simples pourraient être passés aux modeles d'insertion : * `<img324|small>` afficherait une *vignette de l'image* (retaillée à la dimension renseignée dans l'espace privé) * `<img324|max>` afficherait l'image *plein pot* (à charge des squelettes de le redimensionner) * `<img324|ico>` afficherait non par l'image, mais *l'icône du fichier* (celle rangée dans `/vignettes`, qu'on perd dès lors qu'on active la génération des vignettes) * `<img324|200>` afficherait l'image à la largeur indiquée (en pixel) pour les geeks qui savent compter en pixel Ces paramètres produiraient le même effet *quelque soit le mode d'affichage* (image/document/document) et *quelque soit le modèle d'insertion* (imd/doc/emb).

Version cible mise à 3.1

**Version cible mise à 3.1**

Un besoin discuté en 2008 dans les commentaires du billet http://romy.tetue.net/mais-ou-est-passee-la-mediatheque-de-spip#forum1008

Notons que ce type de syntaxe est délicate pour les contributeurs (d'autant plus qu'il y a aussi doc et emb) et qu'une interface d'aide à la saisie serait tout particulièrement utile pour ce type de raccourcis.

Dès lors qu'il y a des valeurs de type small et max, il est sans doute aussi utile de permettre leur paramétage, a minima dans mes_options.

Un besoin discuté en 2008 dans les commentaires du billet http://romy.tetue.net/mais-ou-est-passee-la-mediatheque-de-spip#forum1008 Notons que ce type de syntaxe est délicate pour les contributeurs (d'autant plus qu'il y a aussi doc et emb) et qu'une interface d'aide à la saisie serait tout particulièrement utile pour ce type de raccourcis. Dès lors qu'il y a des valeurs de type small et max, il est sans doute aussi utile de permettre leur paramétage, a minima dans mes_options.

Pour rappel, un prototype fonctionnel a été développé sous SPIP 2.1: http://www.spip-contrib.net/Plugin-Modeles-media qui gère, entre autres, la taille des vignettes et images.

Version cible mise à 3.2

**Version cible mise à 3.2**

oui, il est paradoxal que le réglage de la largeur existe pour le modèle document, mais pas pour le modèle image...

Trois années sont passés depuis l'ouverture de ce billet… pendant lesquels, il y a l'émergence du responsive.

Il serait plus judicieux que la largeur indiquée, via la syntaxe <img324|20>, si besoin est de telle syntaxe, s'exprime en pourcentage, plutôt qu'en pixels.

Privilégions une syntaxe s'exprimant non en chiffres, mais en ordres de grandeur. Mise à jour :

<img324|small> afficherait une vignette de l'image (retaillée à la dimension small renseignée dans l'espace privé)
<img324|large> afficherait l'image au plus large, à charge des squelettes de la redimensionner ; une valeur par défaut de large (par exemple 800px) pourrait être renseignée dans l'espace privé, utilisée comme valeur par défaut lorsqu'aucune valeur n'est passée à |image_reduire (ce qui permet de distribuer les squelettes de la dist sans imposer cette largeur, la rendant paramétrable)
<img324|max> afficherait l'image plein pot (sans redimensionner aucument)
pas besoin de <img324|ico>, qui relève plutôt d'un modèle spécifique que du réglage de la largeur

Trois années sont passés depuis l'ouverture de ce billet… pendant lesquels, il y a l'émergence du responsive. Il serait plus judicieux que la largeur indiquée, via la syntaxe `<img324|20>`, si besoin est de telle syntaxe, s'exprime en pourcentage, plutôt qu'en pixels. Privilégions une syntaxe s'exprimant non en chiffres, mais en ordres de grandeur. Mise à jour : - `<img324|small>` afficherait une vignette de l'image (retaillée à la dimension _small_ renseignée dans l'espace privé) - `<img324|large>` afficherait l'image au plus large, à charge des squelettes de la redimensionner ; une valeur par défaut de _large_ (par exemple 800px) pourrait être renseignée dans l'espace privé, utilisée comme valeur par défaut lorsqu'aucune valeur n'est passée à `|image_reduire` (ce qui permet de distribuer les squelettes de la dist sans imposer cette largeur, la rendant paramétrable) - `<img324|max>` afficherait l'image plein pot (sans redimensionner aucument) - pas besoin de `<img324|ico>`, qui relève plutôt d'un modèle spécifique que du réglage de la largeur

Entre temps l'attribut SRCSET est désormais bien supporté : http://caniuse.com/#search=srcset

N'est-il pas envisageable à présent de faire évoluer les modèles d'images pour intégrer cette fonctionnalité ?

Wordpress l'intègre désormais nativement : https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/

Mais peut-être est-ce un autre ticket qu'il faut créer ?

Voir notamment : https://www.hteumeuleu.fr/attribut-srcset-images-responsive/

Entre temps l'attribut SRCSET est désormais bien supporté : http://caniuse.com/#search=srcset N'est-il pas envisageable à présent de faire évoluer les modèles d'images pour intégrer cette fonctionnalité ? Wordpress l'intègre désormais nativement : https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/ Mais peut-être est-ce un autre ticket qu'il faut créer ? Voir notamment : https://www.hteumeuleu.fr/attribut-srcset-images-responsive/

Voir #3582 et #3449 qui propose d'intégrer le comportement du plugin medoc dans le core, ce qui semble répondre à la demande. Si oui, on pourrait fermer ce ticket et continuer la discussion sur #3582 ?

There is no content yet.

Comme indiqué dans #3582 :

Les modeles documents ont été refondus par fa13018a9e
on a maintenant <image> <audio> <video> <file>
Le modele <image> supporte des parametres largeur= et hauteur= pour personaliser les dimensions d'affichage (idem pour <video>)

On pourrait proposer des déclinaisons small/medium/large/max mais j'ai le sentiment que ça dépend aussi beaucoup du squelette et de l'usage, donc a explorer dans un plugin ?
Version cible mise à 4.1

Comme indiqué dans #3582 : Les modeles documents ont été refondus par https://git.spip.net/spip/medias/commit/fa13018a9ef63c633e78da253106867d6bac8a78 on a maintenant `<image>` `<audio>` `<video>` `<file>` Le modele `<image>` supporte des parametres `largeur=` et `hauteur=` pour personaliser les dimensions d'affichage (idem pour `<video>`) On pourrait proposer des déclinaisons small/medium/large/max mais j'ai le sentiment que ça dépend aussi beaucoup du squelette et de l'usage, donc a explorer dans un plugin ? **Version cible mise à 4.1**

Labels Milestones

Choisir la largeur d'affichage des visuels #2273