Comment faire pour modifier une image de fond CSS Avec javascript

javascript fournit dynamique, le code côté client pour modifier votre disposition de site Web. Vous pouvez utiliser le javascript pour changer graphiques du site Web, textes, tableaux et même l'image de fond. Le code est utilisé pour automatiser des images de fond dynamiques, qui est souvent utilisé sur des blogs ou des magazines en ligne pour promouvoir les produits d'affiliation. Le changement est invisible pour les lecteurs du site Web, et l'image est affichée à chaque fois que l'utilisateur ouvre la page.

Instructions

  1. Ouvrez votre fichier HTML avec un simple éditeur de texte tel que Notepad. Vous pouvez également utiliser plus avancés éditeurs de texte tel que Notepad ++ ou Visual Studio. Ces sections de code de couleur des rédacteurs de votre fichier HTML pour faciliter l'édition.

  2. Créez les étiquettes de blocs javascript. Tout le code javascript est situé dans les blocs de script. Placez ces balises au sein de la "" et "" tags dans votre code HTML:

  3. Créez une variable et lui affecter une image située sur votre site web. Le code suivant crée la variable et lui attribue la "myImage.jpg" l'image:
    var = background_image "myImage.jpg";

  4. Réglez l'image de fond. Le code suivant met l'image de fond CSS par défaut pour la variable définie à l'étape 3:
    document.body.background = background_image;

  5. Enregistrez vos modifications et ouvrir le code HTML dans votre navigateur web. Les nouvelles modifications modifier l'image d'arrière-plan et l'afficher dans le navigateur.

» » » » Comment faire pour modifier une image de fond CSS Avec javascript