Écrire une réponse

Veuillez écrire votre message et l'envoyer

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

grodid
2009-10-23 21:45:33

Merci Vincent, je vais tester.

A+,   G.

Gotcha
2009-10-23 19:45:17

Je suis curieux de voir le résultat ^^

VDigital
2009-10-23 19:37:26

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

grodid
2009-10-22 21:39:42

VDigital a écrit:

Adapté à la résolution, il suffit d'ajouter un script dans le template de la page.
Si nécessaire, je te donnerai le script.

Bonsoir,

Je suis très intéressé aussi, stp.

Merci d'avance,   G.

alphapic
2009-10-22 20:44:51

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

VDigital
2009-10-22 20:12:38

Adapté à la résolution, il suffit d'ajouter un script dans le template de la page.
Si nécessaire, je te donnerai le script.
Mais pas ce soir (il faut que je le retrouve dans ma galerie).

VDigital
2009-10-22 20:10:04

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.

alphapic
2009-10-22 16:46:16

bjr
(pour faire suite a mon post sur mon feed back piwigo) , je cherche a savoir comment configurer Piwigo pour que les images visualisées soient les images HD. en fait pour qu'il n'y est qu'un  seul réprtoire ou sont stokées les images (+le rep thumbail) . actuellement si j'y met des photos en 300dpi , elles sont affichées en taille réelle ...  comment faire pour qu'elle s'affichent par rapport à l'ecran ?

Piwigo tourne dans un petit réseau Local (7 / 8 postes) et je copie directement les photos via le Pc qui sert de serveur web (easyphp).
Vdigital m'avait donné un petit bout de solution :

4 - La HD, si c'est en usage interne à la PME. Il n'y a pas de pb à utiliser directement la HD (Seulement à configurer Piwigo différemment).

merci

alpha

Pied de page des forums

Propulsé par FluxBB

github twitter facebook newsletter Faire un don Piwigo.org © 2002-2020 · Contact