Piwigo.org

zoom · 2022-06-07 17:47:02

Bonjour

Sur ma galerie https://latoferic.fr nous avons fait en sorte qu'à chaque album corresponde une bannière différente.
Thème Boostrap jumbotron activé.

Les bannières font 1920px sur 300px
Elles prennent bien toute la largeur sur un écran 22 pouces ou 28 pouces.
Sur un écran 15 pouces et moins elles sont tronquées à droite et à gauche. Donc des composants de la photo disparaissent.
Est-ce qu'il existe un moyen pour que la photo de la bannière s'adapte à le résolution de l'écran sans être tronquée?

Le redimensionnement de l'image ne résout pas le problème car si on diminue la largeur pour adapter la bannière sur un 15 pouces le design s'en ressent sur un écran plus grand car la bannière n'occupe plus toute la largeur sur celui ci.
Merci d'avance pour votre réponse.

Amicalement

ddtddt · 2022-06-08 06:23:55

BOnjour,

Pour la largeur de la bannière, tu peux utiliser une largeur en % plutôt que pixel

tu peux aussi utiliser @media en css

zoom · 2022-06-08 09:23:28

Bonjour

Merci ddtddt,

Quitte à passer pour un ignare, ce qui est le cas en codage, peux tu me détailler la procédure stp.?
Pour l'instant lorsque je charge la bannière je n'ai comme choix que des dimensions en pixels.
Merci
Bonne journée

Dernière modification par zoom (2022-06-08 09:24:15)

polowigo · 2022-06-08 12:37:46

Bonjour,

Quelques exemples : https://www.w3schools.com/howto/howto_c … onsive.asp

zoom · 2022-06-08 13:23:39

Bonjour,
Merci.
Je vois bien le résultat mais dans la mesure où j'ai plusieurs bannière je ne sais pas où mettre le code.
Amicalement

polowigo · 2022-06-08 14:20:02

De quelle façon t'y es-tu pris pour mettre en place ces différentes bannières ? Dans une TE ?

dreamer · 2022-06-08 14:27:06

polowigo a écrit:
De quelle façon t'y es-tu pris pour mettre en place ces différentes bannières ? Dans une TE ?

Avec [extension by mistic100] Header Manager ... Et certaines avec du css

polowigo · 2022-06-08 14:33:46

Justement, pour le css, tu peux peut-être t'inspirer de https://phototheque.univ-paris1.fr/
La bannière est conservée intacte jusqu'à une très faible largeur (genre tablette ou grand smartphone).
Ils n'utilisent pas le jumbotron mais le carrousel de BS Darkroom je pense.

dreamer · 2022-06-08 15:22:45

polowigo a écrit:
Justement, pour le css, tu peux peut-être t'inspirer de https://phototheque.univ-paris1.fr/
La bannière est conservée intacte jusqu'à une très faible largeur (genre tablette ou grand smartphone).
Ils n'utilisent pas le jumbotron mais le carrousel de BS Darkroom je pense.

Tout comme les bannières de Zoom, les images sont retaillées sur les cotés.....

polowigo · 2022-06-08 17:58:29

Ça dépend des images... Mais il y a pas mal de javascript dans cette page d'accueil.

On peut faire plus simple avec le jumbotron de BD, en appliquant la méthode indiquée dans le lien de w3schools.

Code:

<style type="text/css">
.jumbotron {
    padding: 0px;
    background-size: cover;
    height: auto;
    width: 100%;
    background-color: #060606 !important;
}

.responsive {
    width: 100%;
    height: auto;
}
</style>

<img src="./local/banners/20220411-62541621c9adc.jpg" alt="hermione" class="responsive">

Ce qui donne par exemple en largeur 800 :

Mais comme le suggère fort à propos ddtddt, il faut envisager de jouer sur le @media, au risque sinon de voir fondre la hauteur lors de la lecture sur les dispositifs mobiles.

Dernière modification par polowigo (2022-06-08 18:16:51)

zoom · 2022-06-08 19:42:41

Bonsoir,
Merci à vous tous.
Ça c'est sympa de venir aider un ignare.
La photo je me débrouille, le code à part en voiture...
Merci à vous.
Mon ami dreamer doit en avoir ras le bol de mes sollicitations.
Bon après si on ne trouve pas ben c'est pas grave...
Pour moi j'ai l'impression que vous communiquez avec des hiéroglyphes du pays basque...MDR
Je nage toujours autant...

A+ les potos

polowigo · 2022-06-09 09:29:25

Bonjour,

J'ai jeté un coup d'œil au plugin Header Manager et effectivement il n'est pas prévu que la bannière soit "responsive" à la manière de mon précédent post car l'image est placée en background d'une div de hauteur fixe, ce qui est le cas des bannières en général.

Je pense que tu aurais pu demander cette possibilité intéressante au mainteneur mais j'ai bien peur que tu restes sur ta faim :

Dans le readme.md, mistic100 a écrit:
I do not develop for Piwigo anymore thus I do not maintain this project. I will continue to release new versions containing new translations et any submitted merge requests.

If you want to continue working on the plugin, please open a ticket, I can transfer you the ownership of the repository and the plugin page on http://piwigo.org/ext/

zoom · 2022-06-09 13:05:48

Bonjour,

Merci polowigo.

En effet, visiblement le développeur ne fera pas évoluer le plugin...
C'est dommage cette histoire d'image responsive pour les bannières par album, je trouve que le fait de changer de bannière à chaque fois, ça apporte un plus.
Mais en ce qui me concernce n'est pas grave et vu le potentiel de piwigo c'est un détail.

Par contre je me dis que vu la multitude de formats d'écrans, smartphone, tablettes, notebook, 11,13,15 pouces et j'en passe, une évolution dans ce sens pourrait être bénéfique.

Reprise du plug? Nouveau plug?
En tout cas encore merci à tous.
Amicalement

polowigo · 2022-06-09 13:07:58

C'est une bonne idée, ça !

zoom · 2022-06-09 19:09:43

polowigo a écrit:
C'est une bonne idée, ça !

On pourrait demander à dreamer de potasser la question...;)

Euh ...bon...bref...suivez mon regard...LOL

Piwigo.org

Annonce

#1 2022-06-07 17:47:02

[Résolu] Bannière et format d'écran

#2 2022-06-08 06:23:55

Re: [Résolu] Bannière et format d'écran

#3 2022-06-08 09:23:28

Re: [Résolu] Bannière et format d'écran

#4 2022-06-08 12:37:46

Re: [Résolu] Bannière et format d'écran

#5 2022-06-08 13:23:39

Re: [Résolu] Bannière et format d'écran

#6 2022-06-08 14:20:02

Re: [Résolu] Bannière et format d'écran

#7 2022-06-08 14:27:06

Re: [Résolu] Bannière et format d'écran

polowigo a écrit:

#8 2022-06-08 14:33:46

Re: [Résolu] Bannière et format d'écran

#9 2022-06-08 15:22:45

Re: [Résolu] Bannière et format d'écran

polowigo a écrit:

#10 2022-06-08 17:58:29

Re: [Résolu] Bannière et format d'écran

Code:

#11 2022-06-08 19:42:41

Re: [Résolu] Bannière et format d'écran

#12 2022-06-09 09:29:25

Re: [Résolu] Bannière et format d'écran

Dans le readme.md, mistic100 a écrit:

#13 2022-06-09 13:05:48

Re: [Résolu] Bannière et format d'écran

#14 2022-06-09 13:07:58

Re: [Résolu] Bannière et format d'écran

#15 2022-06-09 19:09:43

Re: [Résolu] Bannière et format d'écran

polowigo a écrit:

Pied de page des forums