[Astuce] Background image scroll down auto et scroll up auto

[antonely93]

Bonjour!

Je me demandais si il y a une astuce ou bien une extension pour que l'image de l'arrière plan de mon site descend (ou monte) automatiquement quand on fait un "scroll down" sur le site et donc aussi la même chose quand on fait un "scroll up". En effet j'ai une image à faible résolution en hauteur donc elle ne couvre pas la totalité du site en hauteur ainsi si on fait un "scroll down" sur le site bhen l'image sera juste à moitié de ce dernier! J'ai pas envie d'utiliser une image de une taille énorme puisque ça va augmenter considérablement la taille du site .
Est ce que quelqu'un aurait une solution à me proposer svp? Surtout une extension hi3

Merci d'avance

[ced1870]

Re : Background image scroll down auto et scroll up auto

salut
normalement la propriété "fixed" pour le background image te permet de conserver une image qui reste figée lorsque tu scrolles
CEd

[antonely93]

Re : Background image scroll down auto et scroll up auto

Salut!
En fait je cherche plutôt le contraire! je voudrai que quand on scroll down ou up, l'image de l'arrière plan monte et descend de façon à suivre le scroll sur le site

[ced1870]

Re : Background image scroll down auto et scroll up auto

ben oui c'est ça en fait, c'est juste qu'on ne l'exprime surement pas de la meme maniere

[antonely93]

Re : Background image scroll down auto et scroll up auto

Bonjour Ced!

Désolé j'ai mis un peu de temps pour revenir au fait je suis encore débutant en la matière pourras-tu me guider un peu stp? Bon voici le code css sur mon fichier template.css :
body[data-bg="1"] {
background: #f4f4f4 url('../images/bg1.jpg') no-repeat center 0;
}

Ici j'ai no-repeat donc l'image est comme figer ainsi je voudrai bien savoir le code css pour remplacer ce "no-repeat" pour que quand on scroll down ou up sur le site bhen l'image descend ou monte automatiquement

Merci d'av!

[ced1870]

Re : Background image scroll down auto et scroll up auto

no-repeat veut dire que l'image n'est pas répétée, ça ne veut pas dire qu'elle est figée

essaies ça :

background: #f4f4f4 url('../images/bg1.jpg') no-repeat center 0 fixed;