Annonce

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

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

zoom
Membre
2008-02-29
244

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

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


Amicalement Eric
Version Piwigo:13.1 Version php: 7.4.32 Version MySQL: 5.5.5-10.5.17
Hébergeur: o2switch
Url: https://latoferic.fr

Hors ligne

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

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16781

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

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


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

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

zoom
Membre
2008-02-29
244

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

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)


Amicalement Eric
Version Piwigo:13.1 Version php: 7.4.32 Version MySQL: 5.5.5-10.5.17
Hébergeur: o2switch
Url: https://latoferic.fr

Hors ligne

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

polowigo
Membre
2019-04-11
143

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

Hors ligne

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

zoom
Membre
2008-02-29
244

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

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


Amicalement Eric
Version Piwigo:13.1 Version php: 7.4.32 Version MySQL: 5.5.5-10.5.17
Hébergeur: o2switch
Url: https://latoferic.fr

Hors ligne

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

polowigo
Membre
2019-04-11
143

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

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

Hors ligne

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

dreamer
Membre
St Cyr/mer (83)
2006-02-26
1046

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

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


Photos, MusiquesCamping-car,Vidéo et le tout nouveau Recettes le tout en 14.2.0

Hors ligne

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

polowigo
Membre
2019-04-11
143

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

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.

Hors ligne

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

dreamer
Membre
St Cyr/mer (83)
2006-02-26
1046

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

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


Photos, MusiquesCamping-car,Vidéo et le tout nouveau Recettes le tout en 14.2.0

Hors ligne

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

polowigo
Membre
2019-04-11
143

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

Ç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 :
https://zupimages.net/up/22/23/vv4e.png

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)

Hors ligne

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

zoom
Membre
2008-02-29
244

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

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


Amicalement Eric
Version Piwigo:13.1 Version php: 7.4.32 Version MySQL: 5.5.5-10.5.17
Hébergeur: o2switch
Url: https://latoferic.fr

Hors ligne

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

polowigo
Membre
2019-04-11
143

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

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/

Hors ligne

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

zoom
Membre
2008-02-29
244

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

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


Amicalement Eric
Version Piwigo:13.1 Version php: 7.4.32 Version MySQL: 5.5.5-10.5.17
Hébergeur: o2switch
Url: https://latoferic.fr

Hors ligne

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

polowigo
Membre
2019-04-11
143

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

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

Hors ligne

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

zoom
Membre
2008-02-29
244

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

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


Amicalement Eric
Version Piwigo:13.1 Version php: 7.4.32 Version MySQL: 5.5.5-10.5.17
Hébergeur: o2switch
Url: https://latoferic.fr

Hors ligne

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

Pied de page des forums

Propulsé par FluxBB

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