Des HD à la place des medium: comment faire pour qu'elle s'affichent par rapport à l'ecran ?

Non, même si c'est possible.

Mais une solution encore plus simple.
1 - Si tous les écrans ont la même résolution par exemple 1280x1024

Admin > Identification > Utilisateurs
Préférences
Hauteur maximum des images: 924 par exemple....

cible  tout

2 - Si tu as des écrans avec des résolutions différentes.
Il suffit que les personnes se connectent et utilisent la personnalisation et jouent sur le même champs.

merci merci , pour adapté a la résolution, ne t'embete pas, si je peux régler la taille max dans l'administration ...

1 - Admin > Spéciales > Plugins > LocalFiles Editor

Onglet Templates
Créer un nouveau fichier


Nom du fichier My-picture_content.tpl    
Dossier parent     template-extension
Modèle      yoga / picture_content.tpl    
(Je suppose yoga, mais simple, ou gally, ou... mais dans tous les cas picture_content.tpl )
Actuellement, nous avons pour yoga:

{* $Id$ *}
{if isset($high) }
<a href="javascript:phpWGOpenWindow('{$high.U_HIGH}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')">
{/if}
  <img src="{$SRC_IMG}" style="width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;" alt="{$ALT_IMG}"
    {if isset($COMMENT_IMG)}
        title="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}" {else} title="{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}"
    {/if}>
{if isset($high) }
</a>
  <p>{'picture_high'|@translate}</p>
{/if}

et dans ce cas, je rajoute ainsi (en rouge):

{* $Id$ *}
{if isset($high) }
<a href="javascript:phpWGOpenWindow('{$high.U_HIGH}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')">
{/if}<script type="text/javascript">//<!--

var finalW = w = {if is_a_guest()}{math equation="floor(x/1)" x=$WIDTH_IMG}{else}{$WIDTH_IMG}{/if}, finalH = h = {if is_a_guest()}{math equation="floor(x/1)" x=$HEIGHT_IMG}{else}{$HEIGHT_IMG}{/if};

{literal}
var maxWidth = maxHeight  = margin =  0;
if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    maxWidth = window.innerWidth;
    maxHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    maxWidth = document.documentElement.clientWidth;
    maxHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    maxWidth = document.body.clientWidth;
    maxHeight = document.body.clientHeight;
}
maxHeight = maxHeight-192; // Less estimated header height
if ((h > maxHeight) || (w > maxWidth)) {
    if ((h > maxHeight) && (w > maxWidth)) {
        if (maxHeight-h < maxWidth-w) {
            finalH = maxHeight;
            finalW = w * finalH / h;
            }
        else {
            finalW = maxWidth;
            finalH = h * finalW / w;
        }
    }
    else if ((h > maxHeight) && (w < maxWidth)) {
        finalH = maxHeight;
        finalW = w * finalH / h;
    }
    else if ((h < maxHeight) && (w > maxWidth)) {
        finalW = maxWidth;
        finalH = h * finalW / w;
    }
}
{/literal}
document.writeln("<img style=\"width:"+finalW+"px;height:"+finalH+"px\" src=\"{$SRC_IMG}\" title=\"{$ALT_IMG}\">");
//-->
</script>
<noscript>
  <img src="{$SRC_IMG}" style="width:{if is_a_guest()}{math equation="floor(x/1)" x=$WIDTH_IMG}{else}{$WIDTH_IMG}{/if}px;height:{if is_a_guest()}{math equation="floor(x/1)" x=$HEIGHT_IMG}{else}{$HEIGHT_IMG}{/if}px;"
alt="{$ALT_IMG}"
    {if isset($COMMENT_IMG)}
        title="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}" {else} title="{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}"
    {/if}>
</noscript>
{if isset($high) }
</a>
  <p>{'picture_high'|@translate}</p>
{/if}

Et chez moi je complique encore en remplaçant (les x/1) de la dimension d'origine par des x/3 pour les guests...
Même quand on me désactive Javascript les images sont reduites par 3, 4 ou plus mais pas affichées en adapté à l'écran.

maxHeight = maxHeight-192; // Less estimated header height
Le -192 doit être adapté en fonction de la hauteur du header.



2 - Admin > Configuration > Templates (modèles)

A mon avis à tester sur une catégorie (Permalink) avant de généraliser.

My-picture_content.tpl

Templates d'origine picture_content.tpl
Paramètre facultatif de l'URL ---------
Template rattaché yoga

Merci Vincent, je vais tester.

A+,   G.