IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Défilement du fonds


Sujet :

JavaScript

  1. #1
    Membre du Club
    Inscrit en
    Février 2003
    Messages
    50
    Détails du profil
    Informations forums :
    Inscription : Février 2003
    Messages : 50
    Points : 42
    Points
    42
    Par défaut Défilement du fonds
    Bonjour,

    Malheureusement ignorante en JS mais désireuse de m'y mettre sérieusement je me permet de vous exposer le problème suivant :
    J'ai trouvé ce script qui permet de faire défiler le fonds d'une page verticalement et en continu.
    Je souhaiterais savoir s'il est possible de le modifier pour obtenir un défilement horizontal
    Le but serait de l'utiliser pour une frame de titre, en évitant d'utiliser le Marquee qui d'une part n'est pas universel et d'autre part laisse un blanc entre les passages de l'image.
    Je n'ai rien trouvé qui corresponde par recherche dans les forums et les FAQ..
    Je remercie ceux qui voudront bien me donner une réponse, même si c'est pour me dire que ce n'est pas possible !

    Si quelqu'un a un peu plus de temps j'abuserais meme en disant que je souhaiterais comprendre un peu mieux ce code et non pas seulement le recopier aveuglément

    Voici le code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     
    <body background="Image.jpg">
    <script language="JavaScript">
    <!-- Begin
    var backgroundOffset = 0;
    var bgObject = eval('document.body');
    function scrollBG(maxSize) {
    backgroundOffset = backgroundOffset + 1;
    if (backgroundOffset > maxSize) backgroundOffset = 0;
    bgObject.style.backgroundPosition = "0 " + backgroundOffset;
    }
    var ScrollTimer = window.setInterval("scrollBG(307)", 64);
    // End -->
    </script>
    </Body>

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 887
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 887
    Points : 16 320
    Points
    16 320
    Par défaut



    Pour un défilement horizontal change cette ligne :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    bgObject.style.backgroundPosition = "0 " + backgroundOffset;
    par :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    bgObject.style.backgroundPosition = backgroundOffset + " 0";

  3. #3
    Membre du Club
    Inscrit en
    Février 2003
    Messages
    50
    Détails du profil
    Informations forums :
    Inscription : Février 2003
    Messages : 50
    Points : 42
    Points
    42
    Par défaut
    Merci et bravo pour la rapidité !!
    C'est exactement ce que je voulais obtenir

  4. #4
    Membre régulier
    Inscrit en
    Avril 2004
    Messages
    131
    Détails du profil
    Informations forums :
    Inscription : Avril 2004
    Messages : 131
    Points : 95
    Points
    95
    Par défaut
    Et comment on fait pour faire defiler dans l autre sens ?
    c'est a dire avec bgObject.style.backgroundPosition = backgroundOffset + " 0"; le fond avance de gauche a droite....
    Moi je souhaiterai aller de droite a gauche
    Merci

  5. #5
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 887
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 887
    Points : 16 320
    Points
    16 320
    Par défaut
    Citation Envoyé par ldcarpathes
    Et comment on fait pour faire defiler dans l autre sens ?
    c'est a dire avec bgObject.style.backgroundPosition = backgroundOffset + " 0"; le fond avance de gauche a droite....
    Moi je souhaiterai aller de droite a gauche
    Merci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    bgObject.style.backgroundPosition = -backgroundOffset + " 0";
    Tu mets un "-" devant backgroundOffset.

  6. #6
    Membre régulier
    Inscrit en
    Avril 2004
    Messages
    131
    Détails du profil
    Informations forums :
    Inscription : Avril 2004
    Messages : 131
    Points : 95
    Points
    95
    Par défaut
    Merci mais j ai une derbniere question
    Il est possible de faire defiler en diagonal un truc du genre "0 "+backgroundOffset+" 0";

  7. #7
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 887
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 887
    Points : 16 320
    Points
    16 320
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    bgObject.style.backgroundPosition = backgroundOffset + " " + backgroundOffset;

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 4
    Dernier message: 26/07/2013, 19h29
  2. TDBGRID - Couleur de fond d'une seule cellule
    Par cgo dans le forum Bases de données
    Réponses: 5
    Dernier message: 11/09/2009, 10h16
  3. Barre de défilement
    Par GO dans le forum Composants VCL
    Réponses: 2
    Dernier message: 26/01/2003, 17h40
  4. Changer la couleur de fond de l'écran
    Par tnk dans le forum x86 16-bits
    Réponses: 5
    Dernier message: 19/01/2003, 01h37
  5. dans le fond, la compilation...
    Par deltapositive dans le forum C++Builder
    Réponses: 5
    Dernier message: 17/09/2002, 12h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo