Background image scroll down auto et scroll up auto

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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
    Si vous ne réussissez pas du premier coup, appelez ça version 1.0

  • #2
    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
    Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
    http://www.template-creator.com Outil de création de templates
    Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

    Commentaire


    • #3
      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
      Si vous ne réussissez pas du premier coup, appelez ça version 1.0

      Commentaire


      • #4
        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
        Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
        http://www.template-creator.com Outil de création de templates
        Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

        Commentaire


        • #5
          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!
          Si vous ne réussissez pas du premier coup, appelez ça version 1.0

          Commentaire


          • #6
            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;
            Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
            http://www.template-creator.com Outil de création de templates
            Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

            Commentaire

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X