Langue
🎨 Skin viewer
Galeries Photo

test classement

Index du forum »»  npds_galerie »» [Résolu] - responsivité des miniatures

[Résolu] - responsivité des miniatures#927

2Contributeur(s)
jpbnpdsutilisateur
1 Modérateur(s)
jpb
jpb jpbicon_post
pas au point ne doit on pas revenir a des miniature à taille fixe et une présentation non responsive de ces miniatures parce que là on est dans une impasse
la question qu'on doit se poser c'est si on fait des miniatures c'est pour avoir des fichiers léger et pouvoir présenter plus d'images dans des espace restreints ... alors que faut il faire ....
L'eau goutte à  goutte finit toujours par percer la pierre...
npdsutilisateur npdsutilisateuricon_post
A ce souci-là oui je l'avais bien rencontré... Les minis jpg s'étirent un peu comme bons leur semblent en fonction des espaces (blocs instruits dans les thèmes & des écrans) ...
SI une mesure responsive ne cadre pas mieux la chose, oui je suis d'acc...
@+
test signature
npdsutilisateur npdsutilisateuricon_post
En sus, il y a apparemment une réaction différente (l'affichage "responsive") entre les navigateurs.
Exemple pour Edge et pour Chrome
Message édité par : npdsutilisateur / 18-06-2018 18:09
 Message édité par : npdsutilisateur / 19-06-2018 09:03
icon_pieces jointes Pièces jointes 2
2018-06-18_17-57-52.png 2018-06-18_17-57-52.png
2018-06-18_18-00-52.png 2018-06-18_18-00-52.png
jpb jpbicon_post
il s'agit bien des images dans le bloc c'est ça ?
L'eau goutte à  goutte finit toujours par percer la pierre...
npdsutilisateur npdsutilisateuricon_post
Oui,
Les images du bloc puisent bien dans le rep "miniature", il me semble (non?)
npdsutilisateur npdsutilisateuricon_post
(Résolu de mon côté)
Pour info: pour moi
En rajoutant simplement à $ibid du fichier imgalea.php :
=> style="height: 100%;" dans le code image des miniatures (img class), cela résout le pb pour l'ensemble des navigateurs qui généraient cette distorsion de hauteur.
 Message édité par : npdsutilisateur / 21-06-2018 09:23
npdsutilisateur npdsutilisateuricon_post
Je m'auto corrige ,
j'avais oublié "en gras" il faut rajouter style="width: 100%; height: 100%" pour que l'image soit responsible (pour l'ensemble des navigateurs) sans écrasement sur les grands écrans...
(comme on peut le constater sur labo avec Edge)
icon_pieces jointes Pièces jointes 1
2018-09-12_19-00-47.png 2018-09-12_19-00-47.png
jpb jpbicon_post
j'ai revisité imgalea.php

et après moûltes essais je pense que ce doit être bon pour la responsivité

- j'ai donc changer la source des images du bloc (on les prends maintenant dans imgs)
car suivant les themes et l'utiilisation du bloc on peut très bien se retrouver avec des blocs faisant la largeur de la fenêtre ....
- et fait une classe pour une responsivité limité (lol ==> irl = image à responsivité limitée) c'est à dire que l'agrandissement ne dépasse pas la largeur de l'image .....



nb : ce fichier ne semble pas encore terminé (gestion des groupes en plan ? panne ?)


L'eau goutte à  goutte finit toujours par percer la pierre...
npdsutilisateur npdsutilisateuricon_post
Effectivement plus d'écrasement et déformation de l'image ...

=> Juste un bridage en taille d'image sur des thèmes comme npds-boost_sk et pour quelques photos / Ce qui est bien plus acceptable
icon_pieces jointes Pièces jointes 1
2018-09-18_19-37-15.png 2018-09-18_19-37-15.png
jpb jpbicon_post
mais ce n'est pas un bridage c'est leur taille maxi dans l'espace dont elle dispose ... si on va plus loin == pixelisation ou et déformation ...
L'eau goutte à  goutte finit toujours par percer la pierre...