2013-10-13 3 views
2

У меня есть код, который показывает случайный фон каждый раз, когда я обновляю, но я понятия не имею, как я могу сделать все изображения шириной 100% и вершиной 100%. Вот мой код:Javascript случайный размер фонового изображения

<html> 
<head> 
<script type="text/javascript"> 
var totalCount = 3; 
function ChangeIt() 
{ 
var num = Math.ceil(Math.random() * totalCount); 
document.body.background = 'bg'+num+'.png'; 
document.body.style.backgroundRepeat = "repeat";// bg repeat. 
} 
</script> 
</head> 
<body> 
---- 
</body> 
<script type="text/javascript"> 
ChangeIt(); 
</script> 
</html> 

Любая идея, как это сделать?

+0

Я действительно не понимаю вашу точку зрения. – yakiang

ответ

0

Вы можете попробовать разместить тег изображения и установить свойство src.Таким образом, вы можете указать ширину и дать авто высоту.

function ChangeIt() 
{ 
    var widthOfDoc = document.body.clientWidth; 
    var num = Math.ceil(Math.random() * totalCount); 
    var image = new Image(); 
    image.src = 'bg'+num+'.png'; 
    image.width = widthOfDoc; 
    document.body.appendChild(image); 
} 
Смежные вопросы