Modifier une image d'arrière-plan avec Greasemonkey?

Question

Je voudrais changer l'arrière-plan du site. Le problème est que j'ai presque aucune expérience sur Greasemonkey. J'ai ce script:

// ==UserScript== 
// @name  Tamo 
// @namespace TamoImageChanger 
// @include  https://sistema.tamo.lt* 
// @version  1 
// @grant  none 
// ==/UserScript== 
var images = document.getElementsByTagName("img"); 
var x = 0; 
while (x < images.length) { 
    if (images[x].src == "https://sistema.tamo.lt/Content/img/new/login_background2.jpg") { 
     images[x].src = "the image i want to be displayed"; 
    } 
    x = x + 1; 
} 

, mais il ne fonctionne que quand je suis dans cette page:
      https://sistema.tamo.lt/Content/img/new/login_background2.jpg

Je veux que le script pour changer l'arrière-plan dans cette page si:
      https://sistema.tamo.lt/Prisijungimas/Login

Answer 1

Le site que vous essayez de visiter affiche cette image en tant que image de fond et pas une étiquette d'image.

Et ce script change réellement la source de tous les tags <img/>.

var images = document.getElementsByTagName("img"); 

J'ai donc personnalisé votre script pour accomplir tout ce que vous voulez faire. Pour rendre cela plus éducatif, je vais expliquer étape par étape ce qui se passe.

// Here I'm retrieving the tag displaying the picture by specifying exact path. 
var image = document.querySelector("body > .container_2 > .col_left"); 

// Here I just change the background image by yours. 
image.style.backgroundImage = "url('INSERT YOUR IMAGE')"; 

-

EDIT

Comme Brock Adams ci-dessous mentionné, vous pouvez également accomplir le même travail que ci-dessus, le style Greasemonkey.

GM_addStyle("div[style*='login_background2.jpg'] {background-image: url('INSERT YOUR IMAGE')!important;} ")