Então como disse não entendo muito, rsrsrs, então to apanhando um pouco, eu fiz uma pagina em html basica só pra ver se funciona, mas atualizo a pagina e continua a mesma coisa..segue o codigo completo da minha pagina : <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Documento sem título</title> <style> .footer-area { background: url(//sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #00b9f2; } </style> <script> function carrega() { var rodape = 4, backgroundrodape = null, ran = null; ran = Math.round(Math.random() * (rodape - 1)) + 1; if (ran === 1) { backgroundrodape = "url(//sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #00b9f2"; } if (ran === 2) { backgroundrodape = "url(//sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #72bf44"; } if (ran === 3) { backgroundrodape = "url(//sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #2e3192"; } if (ran === 4) { backgroundrodape = "url(//sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #ffce00"; } document.getElementById("footer-area").style.background = backgroundrodape; } </script> </head> <body> <div class="footer-area" style="width:200px; height:200px"> </div> </body> </html> Muito Obrigada mesmo por estar ajudando.