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 :

Modifier le css background-image avec Javascript


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Mars 2011
    Messages
    19
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : High Tech - Mat�riel informatique

    Informations forums :
    Inscription : Mars 2011
    Messages : 19
    Par d�faut Modifier le css background-image avec Javascript
    Bonjour,

    Je recherche un code ou une astuce qui pourrait me permettre de modifier les coordonn�es d'une image de fond en css. Ma finalit� serait de pouvoir faire bouger ces coordonn�es pour avoir une image mouvante dans un cadre bien pr�cis.

    Merci d'avance.

    Cordialement, LowTiste.

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    .style.backgroundPosition
    de mani�re plus g�n�rale les propri�t� css se transcrivent en javascript en supprimant le tiret et en mettant la lettre suivant en Majuscule

    Background-image => backgroundImage

    Il a quelques rares exception comme float => cssFloat
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Bonjour,
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    // CSS background-position: top left ;
    Element.style.backgroundPosition = valeur +'px';
    <edit>lent, trop lent</edit>

  4. #4
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Mars 2011
    Messages
    19
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : High Tech - Mat�riel informatique

    Informations forums :
    Inscription : Mars 2011
    Messages : 19
    Par d�faut
    Merci Avec le backgroundPosition je me frotte � un autre probl�me : je dois mettre deux valeurs (ordonn�e et abscisse) or je veux les r�cup�rer s�par�ment pour pouvoir faire des calculs dessus. Il me faut donc une fonction qui me compte le nombre de caract�res et qui me renvoie juste les chiffres. J'ai pens� aux expressions r�guli�res, mais c'est assez casse-dent, il n'y aurait pas un autre moyen ?

    Cordialement, LowTiste.

  5. #5
    Membre chevronn� Avatar de nadox
    Homme Profil pro
    D�veloppeur
    Inscrit en
    F�vrier 2010
    Messages
    360
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activit� : D�veloppeur
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : F�vrier 2010
    Messages : 360
    Par d�faut
    Bonjour,
    Ne serais-t-il pas plus simple d'utiliser une div avec
    Code css : S�lectionner tout - Visualiser dans une fen�tre � part
    overflow:hidden;position:relative;
    contenant une autre div avec
    Code css : S�lectionner tout - Visualiser dans une fen�tre � part
    position:absolute;background-image:url('monimage');
    et jouer sur la position de la div int�rieure ?

  6. #6
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    tu peux faire un split ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

Discussions similaires

  1. [CSS 3] CSS d'une image avec javascript
    Par fidraman dans le forum Mise en page CSS
    R�ponses: 3
    Dernier message: 27/05/2012, 16h57
  2. modifier background-image avec lien
    Par tiesto95 dans le forum G�n�ral JavaScript
    R�ponses: 8
    Dernier message: 23/02/2009, 18h40
  3. pb avec CSS background-image et XSL
    Par trotters213 dans le forum XSL/XSLT/XPATH
    R�ponses: 5
    Dernier message: 12/02/2006, 17h50
  4. [CSS] background-image : 2 images
    Par ZeImp dans le forum Mise en page CSS
    R�ponses: 8
    Dernier message: 18/07/2005, 00h59
  5. [CSS] Background-image �tir�e sur tout l'�cran
    Par Amnesiak dans le forum Mise en page CSS
    R�ponses: 2
    Dernier message: 04/03/2005, 12h24

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