hoi,
heb een site draaien waarvan de achtergrond afh van de resolutie van de gebruiker aangepast moet worden. omdat ik eea ook werkzaam wil hebben met verschillende stylesheets bewerk ik doormiddel van een reg expr de huidige achtergrond en stop er een resolutie afhankelijke code tussen (simpel uitgelegd achtergrond.650.jpg wordt na resize veranderd in achtergrond.800.jpg).
het veranderen gaat prima, maar op een of andere manier wordt de achtergrond niet aangepast zodra ik deze wil inladen door middel van het aanpassen van document.body.
heeft iemand een idee wat ik fout doe in de onderstaande stukje code?
JavaScript:
1
2
3
4
5
6
7
8
9
10
| var currBackground = getStyle(document.getElementsByTagName("body")[0], "backgroundImage");
// returns url(http://server.domein/images/default.achtergrond.650.jpg)
var newBackground = currBackground.replace(/(.*)\.(.*)\.jpg/gi, "$1.800.jpg");
// url(http://server.domein/images/default.achtergrond.800.jpg)
document.body.style.backgroundImage = newBackground;
// achtergrond zou moeten veranderen maar doet dit niet |
Through meditation I program my heart to beat breakbeats and hum basslines on exhalation -Blackalicious || *BetuweKees was AFK; op de fiets richting China en verder