stretching an image

2 отговора 0 прегледа
#1

stretching an image

Какво трябва да допиша в html-a, за да може background-image да се разпъва или свива по целия екран, без значение на каква разделителна способност е пуснат в момента монитора на юзъра?

Отговор
в отговор на ask #2

Re: stretching an image

Предполагам, това ти трябва. Мисля че работи и с NS и IE.

<body bgcolor="#FFFFFF" text="#000000">
<script language="JavaScript">
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = "rose.jpg"; \\Пътя до твоята картинка
if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;}
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();}
if (NS4) onresize = reDo;
if (IE4) onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;}
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = "<div id=elBGim"
+ " style='position:absolute;left:0;top:0;z-index:-1'>"
+ "<img name='imBG' border='0' src="+imSRC;
if (scaleWidth) imStr += " width="+winWid;
if (scaleHeight) imStr += " height="+winHgt;
imStr += "></div>";
document.write(imStr);}
makeIm();
</script>
</body>

Отговор
в отговор на Eдин #3

Re: stretching an image

ВНИМАВАЙ: на осми ред има "imSRC = "rose.jpg"; \\Пътя до твоята картинка" замени го с imSRC = "rose.jpg"; //Пътя до твоята картинка" иначе ще имаш грешка... защото символа за коминтар в JS е //, а не \\...

И още нещо, това не слага стречнат фон, а изображение, но така както е направено с абсолютна позиция на 0,0 с z-индекс -1 горе долу ефекта е същия...

________________________________
Ех, хубав живот не омръзва...
Отговор