Modifica dimensione background-image in javascript

Question

mi hanno cercato di mettere un'immagine di sfondo ripetuta su un sito web, con il CSS base

background-image: url('url_here'); 
background-attachment: fixed; 
background-repeat: repeat; 

tuttavia, id piace essere in grado di modificare la dimensione dell'immagine im usando su aggiornamento, usando javascript. CSS ha la funzione

background-size: 300px; 

ma purtroppo l'oggetto doesnt stile COM - vedere here per che cosa può fare per gli sfondi. Questo mi lascia con una sola opzione: usare un'immagine HTML che si ripete, che posso poi modificare con l'oggetto stile COM.

Quindi, la mia domanda è: c'è un modo per ripetere un'immagine HTML che NON è un'immagine di sfondo? Qualsiasi aiuto è molto apprezzato.

Answer 1

In realtà, si può influenzare la dimensione di fondo in javascript in questo modo:

document.getElementById("el_id").style.backgroundSize = "100px 100px"; 

Partenza questo violino: http://jsfiddle.net/Lph2W/. Il CSS imposta la dimensione dell'immagine di sfondo su 200px X 200px, quindi JS lo aggiorna a 100px X 100px.

Answer 2

Questo ha funzionato per me e spero che questo aiuti qualcun altro.

var el = document.getElementById("notification"); 
el.style.background = 'url(images/Noti.png) no-repeat center center'; 
el.style.backgroundSize="100% 100%"; 

Se si pensa che questa utile si prega di non dimenticare di votare UP :)