Background variável e ajustável à tela

[aca-design 0]

Bom dia a todos do Fórum!

Tenho conta por aqui há algum tempo, mas como fiquei afastado da programação, sou praticamente novo por aqui. Portanto, peço desculpas de antemão caso já exista um tópico assim...

 

Gostaria, por gentileza, do apoio de vocês para a seguinte dúvida.

 

Preciso de um backgroung que seja variável (altere a imagem a ser exibida) e que seja ajustável à resolução do usuário.

Eu consegui esse código abaixo.

Mas nem por reza brava estou conseguindo fazer com que as imagens se ajustem automaticamente, sem distorções. Alguém pode me dar uma luz, por favor? O que e onde devo mexer?

 

Obrigado!

 

Código:

 

1. <script type="text/javascript">// <![CDATA[
2. var imageCount = 0;
3. var currentImage = 0;
4. var images = new Array();
6. images[0] = 'ENDERECO DA IMAGEM';
7. images[1] = 'ENDERECO DA IMAGEM';
8. images[2] = 'ENDERECO DA IMAGEM';
9. images[3] = 'ENDERECO DA IMAGEM';
10. images[4] = 'ENDERECO DA IMAGEM';
12. var preLoadImages = new Array();
13. for (var i = 0; i < images.length; i++)
14. {
15. if (images[i] == "")
16. break;
18. preLoadImages[i] = new Image();
19. preLoadImages[i].src = images[i];
20. imageCount++;
21. }
23. function startSlideShow()
24. {
25. if (document.body && imageCount > 0)
26. {
27. document.body.style.backgroundImage = "url("+images[currentImage]+")";
28. document.body.style.backgroundAttachment = "fixed";
29. document.body.style.backgroundRepeat = "repeat";
30. document.body.style.backgroundPosition = "left top";
32. currentImage = currentImage + 1;
33. if (currentImage > (imageCount-1))
34. {
35. currentImage = 0;
36. }
37. setTimeout('startSlideShow()', 3000);
38. }
39. }
40. startSlideShow();
41. // ]]></script>

[Rafael Sirotheau 43]

No CSS, define a div como background-size: cover.

[aca-design 0]

Obrigado pela disponibilidade, Rafael...

Mas não teria como alterar o próprio código java?

 

Sou muito toupeira, não vou conseguir editar um CSS e ainda vinculá-lo a página onde está o código...

 

Você conhece outra opção, por favor?

[Rafael Sirotheau 43]

adiciona na lista

document.body.style.backgroundSize = "cover";

[aca-design 0]

Valeu, Rafael!

Deu certo!

Muito obrigado.