Hoe vervang ik hex bg kleuren door afbeeldingen in JavaScript?
Code (php)
1
var colors = ["#F08", "#0B8", "#04F", "#FD0", "#808", "#F20"];
Deze geven de achtergrondkleur van mijn DIV's. De var wordt alleen hier gebruikt:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
function activateItems(callback) {
var itemsActivated = false;
for (var i=0;i<cfg.rows;++i) for (var j=0; j<cfg.cols; ++j) {
var item = itemAt(i,j);
if(!item) continue;
if (item.deleted>0) {
item.style.background=colors[Math.floor(Math.random()*colors.length)];
itemsActivated = true;
}
}
if (itemsActivated)
animateAppear(callback ? callback : findPatterns);
}
var itemsActivated = false;
for (var i=0;i<cfg.rows;++i) for (var j=0; j<cfg.cols; ++j) {
var item = itemAt(i,j);
if(!item) continue;
if (item.deleted>0) {
item.style.background=colors[Math.floor(Math.random()*colors.length)];
itemsActivated = true;
}
}
if (itemsActivated)
animateAppear(callback ? callback : findPatterns);
}
en hier:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
function animateDecor() {
if(state == 'init' || state == 'game') return;
for (var i=0;i<cfg.rows;++i) for (var j=0;j<cfg.cols;++j) {
var item = document.getElementById("decor_"+i+"_"+j)
if(!item) continue;
item.style.background=colors[Math.floor(Math.random()*colors.length)];
}
animation = setTimeout(animateDecor, 120);
}
if(state == 'init' || state == 'game') return;
for (var i=0;i<cfg.rows;++i) for (var j=0;j<cfg.cols;++j) {
var item = document.getElementById("decor_"+i+"_"+j)
if(!item) continue;
item.style.background=colors[Math.floor(Math.random()*colors.length)];
}
animation = setTimeout(animateDecor, 120);
}
Dit werkt allemaal perfect, alleen wil ik geen hex (#) kleuren als achtergrond gebruiken, maar plaatjes. Deze zijn te vinden in: images/blue.png, images/red.png, etc. Maar hoe verander ik dit? Heb verschillende dingen al geprobeerd zoals backgroundImage:url , maar helaas zonder resultaat.
Ik denk dat de oplossing vrij simpel is, alleen zie ik hem niet....
Many thanks
edit: vertaald naar Nederlands
Gewijzigd op 06/01/2011 00:54:53 door Maurice prive
Maurice prive op 05/01/2011 23:33:10:
vraag is in het engels,
En wat is het nut daar van op een Nederlands forum?
document.getElementById("mijn_div_id").style.background = "url(mijn_afbeelding.gif)";
EDIT:
Ja, juist. Negeer dit maar; zie post hier onder
Gewijzigd op 07/01/2011 13:10:57 door Kris Peeters
Linkje();
JavaScript syntax: object.style.backgroundImage="url(stars.gif)"
Dus:
document.getElementById("mijn_div_id").style.backgroundImage = "url(mijn_afbeelding.gif)";