Thomas PG (Créer un compte)

Toutes mes réponses sur les forums

8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • en réponse à : Image zoomée dans le bloc bannière avec l’arrière-plan fixe. #2413355
    Thomas PG
    Participant
    Initié WordPress
    9 contributions
    Cette réponse a été marquée comme privée.
    en réponse à : Image zoomée dans le bloc bannière avec l’arrière-plan fixe. #2413351
    Thomas PG
    Participant
    Initié WordPress
    9 contributions

    Oui, c’est ce que j’ai compris..

    J’ai toujours utilisé des images de 1920 x 1080 en jouant sur la taille de la bannière et en les travaillant au préalable pour centrer mon sujet.
    Mais je pensais que l’on pouvait adapter le fond en fonction de la taille de l’image et du coup ne pas avoir ces zones vides.
    Je « chipote » je pense.. 😉

    Je crois que cela est faisable avec certains Page Builder, mais je ne veux pas utiliser de surcouche, je privilégie au maximum la légèreté de mes sites, je code tout ce que je peux dans la mesure du possible..

    Merci beaucoup pour votre temps!
    Thomas

    • Cette réponse a été modifiée le il y a 19 heures et 50 minutes par Thomas PG.
    • Cette réponse a été modifiée le il y a 19 heures et 48 minutes par Thomas PG.
    en réponse à : Image zoomée dans le bloc bannière avec l’arrière-plan fixe. #2413287
    Thomas PG
    Participant
    Initié WordPress
    9 contributions

    Donc si je comprends bien, dès lors que l’on fixe l’arrière plan, par défaut le bloc Bannière étire l’image pour atteindre des proportions « plein écran », que l’on définisse la hauteur ou pas.

    Je voudrais savoir ce qui fait autorité sur la valeur de hauteur, et avoir cet effet parallax sans que l’image soit étirée, et bien sûr sans voir le fond…

    Je m’exprime mal certainement…

    Merci encore d’avoir prit le temps de m’aider, je trouverai la solution j’espère… Dès que je l’aurait je vous tiendrai bien sûr au courant.

    Thomas

    en réponse à : Image zoomée dans le bloc bannière avec l’arrière-plan fixe. #2413221
    Thomas PG
    Participant
    Initié WordPress
    9 contributions

    Sans succès, cela ne règle pas le problème de hauteur malheureusement. J’ai fais fausse piste avec les propriétés de positionnement, ou alors je suis passé à côté…

    Je peux certainement me tromper, mais je pense que quelque chose fait autorité sur la valeur de hauteur de la propriété « background-size ».

    Je m’explique:

    En théorie, nous devons pouvoir lui appliquer 2 valeurs, la première pour la largeur et la seconde pour la hauteur.

    J’ai donc essayé avec « background-size : auto auto; » et « background-size : auto 600px; ». Je n’en vois pas d’autre pour le cas présent…

    La valeur de largeur est bien prise en compte, mais pas celle de la hauteur…

    La solution n’est pas loin…

    en réponse à : Image zoomée dans le bloc bannière avec l’arrière-plan fixe. #2413212
    Thomas PG
    Participant
    Initié WordPress
    9 contributions

    Bonjour Mathieu,
    Merci encore de venir à mon secours!

    La règle fonctionne, mais maintenant l’image est centrée dans la hauteur.
    Nous pouvons voir le fond gris qui correspond à l’opacité que j’ai appliqué…

    https://ctpg.net/page-test-1/

    Je cherche du côté des règles de positionnement…

    • Cette réponse a été modifiée le il y a 1 jour et 21 heures par Thomas PG.
    en réponse à : Image zoomée dans le bloc bannière avec l’arrière-plan fixe. #2413186
    Thomas PG
    Participant
    Initié WordPress
    9 contributions

    Voici les url des pages.
    C’est un serveur qui me sert de test, ce n’est pas un site en production. Je laisse cela en place quelques jours le temps de trouver la solution.

    Je n’ai ajouté aucun css, je n’utilise que le bloc bannière pour chacune des images.

    Sur la première page l’effet de zoom est léger.
    La hauteur de la bannière est réglée à 1080px. La régler à 100vh produit le même effet…

    https://ctpg.net/

    Sur la 2ème page l’effet de zoom est beaucoup plus prononcé.
    La hauteur de la bannière est réglée à 600px.

    https://ctpg.net/page-test-1/

    L’idée, vous l’aurez compris, est de comprendre pourquoi WordPress se comporte ainsi et contourner ce souci…

    Merci!

    Thomas

    • Cette réponse a été modifiée le il y a 2 jours et 1 heure par Thomas PG.
    en réponse à : Image zoomée dans le bloc bannière avec l’arrière-plan fixe. #2413085
    Thomas PG
    Participant
    Initié WordPress
    9 contributions

    Merci de répondre si rapidement!

    Pardon, je me suis certainement mal exprimé.

    Et bien j’aimerais ne plus avoir cet effet de zoom sur les images lorsque j’active l’arrière-plan fixe dans le réglage des médias du bloc bannière.
    Peut importe la hauteur de l’image, quelle soit de 1080 pour une image plein écran (1920 x 1080) ou plus petite, de format « panoramique » comme dans mon cas (1920 x 600), l’image est systématiquement zoomée.

    Alors que lorsque l’arrière-plan n’est pas réglé sur fixe dans le réglage des médias, l’image est bien en entier sans aucun zoom, quelle que soit sa hauteur.

    Nous sommes d’accord que la résolution « classique » dite HD des écrans est de 1920 x 1080.
    Je ne parle pas des écrans Rétina, je pense qu’il faut attendre encore avant de développer entièrement les sites pour cette résolution…

    Quand à la règle css « background-size », j’ai bien essayer de la modifier mais sans succès. Certainement au mauvais endroit…

    Je vous remets les captures d’écrans vous allez mieux comprendre.
    (Ces captures sont prises sur une pré production en tout début de développement.)

    Cela fait un petit moment que je rencontre ce problème, ce sur différents sites, je peux me tromper mais ce souci n’était pas présent il y a quelques mises à jour de WordPress. Je travaille toujours avec le même thème et les mêmes extensions depuis environ 2 ans.

    Merci encore de prendre le temps de me répondre!

    Thomas

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    en réponse à : Image zoomée dans le bloc bannière avec l’arrière-plan fixe. #2413062
    Thomas PG
    Participant
    Initié WordPress
    9 contributions

    Bonjour Mathieu,
    Merci de votre réponse.

    Effectivement l’image est moins haute que la hauteur de l’écran. Elle est de 1920px par 600px. Je spécifie donc une hauteur de 600px dans les réglages du bloc.

    Ceci dit, l’effet de zoom est également présent pour une image pleine hauteur (1080px) lorsque l’on fixe l’arrière plan…

    J’avais déjà remarqué que l’image se répétait lorsque je désactivais la règle css « background-size : cover ».

    Cela voudrais dire que l’on ne peut fixer l’arrière-plan du bloc bannière uniquement pour des images de 1920px par 1080px, à moins d’avoir cet effet désagréable?
    Effet qui malheureusement est également présent pour des images pleine hauteur…

    Donc dans ce cas comment avoir un effet parallax lorsque l’on utilise une image « panoramique » de moins de 1080px de hauteur?
    Et plus généralement, comment ne pas avoir cet effet de zoom?

    Merci encore!

    Thomas

    • Cette réponse a été modifiée le il y a 3 jours par Thomas PG.
    • Cette réponse a été modifiée le il y a 3 jours par Thomas PG.
8 sujets de 1 à 8 (sur un total de 8)