Annonce

  •  » Utilisation
  •  » images HD à la place des images visualisées

#1 2009-10-22 16:46:16

alphapic
Membre
2009-10-15
28

images HD à la place des images visualisées

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

Hors ligne

#2 2009-10-22 20:10:04

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: images HD à la place des images visualisées

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.


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#3 2009-10-22 20:12:38

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: images HD à la place des images visualisées

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).


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#4 2009-10-22 20:44:51

alphapic
Membre
2009-10-15
28

Re: images HD à la place des images visualisées

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

Hors ligne

#5 2009-10-22 21:39:42

grodid
Membre
2009-09-16
104

Re: images HD à la place des images visualisées

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.

Hors ligne

#6 2009-10-23 19:37:26

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: images HD à la place des images visualisées

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


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#7 2009-10-23 19:45:17

Gotcha
Ex Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: images HD à la place des images visualisées

Je suis curieux de voir le résultat ^^


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#8 2009-10-23 21:45:33

grodid
Membre
2009-09-16
104

Re: images HD à la place des images visualisées

Merci Vincent, je vais tester.

A+,   G.

Hors ligne

  •  » Utilisation
  •  » images HD à la place des images visualisées

Pied de page des forums

Propulsé par FluxBB

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