stretching an image
2 отговора
0 прегледа
stretching an image
Какво трябва да допиша в html-a, за да може background-image да се разпъва или свива по целия екран, без значение на каква разделителна способност е пуснат в момента монитора на юзъра?
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>
<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>
Re: stretching an image
ВНИМАВАЙ: на осми ред има "imSRC = "rose.jpg"; \\Пътя до твоята картинка" замени го с imSRC = "rose.jpg"; //Пътя до твоята картинка" иначе ще имаш грешка... защото символа за коминтар в JS е //, а не \\...
И още нещо, това не слага стречнат фон, а изображение, но така както е направено с абсолютна позиция на 0,0 с z-индекс -1 горе долу ефекта е същия...
________________________________
Ех, хубав живот не омръзва...
И още нещо, това не слага стречнат фон, а изображение, но така както е направено с абсолютна позиция на 0,0 с z-индекс -1 горе долу ефекта е същия...
________________________________
Ех, хубав живот не омръзва...