"Ole Neis Nielsen" <neis@tiscali.dk> skrev i en meddelelse
news:46b73272$0$90270$14726298@news.sunsite.dk...
> Hej derude
> Jeg forsøger at putte et billede in i en CSS box som er
> lavet i et javascript (se forsøg herunder). Er der nogen der
> kender en måde. Skær det gerne ud i pap da jeg er ret grøn i
> dette her. På forhånd mange tak...
>
>
> <SCRIPT type=text/javascript>
>
> var image1 = '<img src="Green Bag 900x450.jpg" width="' + bredde
> + '" height="' + hoejde + '">';
> //document.write(image1);
>
> </SCRIPT>
>
> <style type="text/css">
> #apDiv1 {
> position:absolute;
> height:115px;
> z-index:1;
> left: 20px;
> top: 20px;
> background-image: image1; ?????????
> }
> </style>
>
> <body onload="var div = document.getElementById('apDiv1');
> div.style.width = bredde + 'px';
> div.style.height = hoejde + 'px';
> div.style.left = margen + 'px';
> div.style.top = margen + 'px';
> div.style.background-image = image1; ?????????
> ">
>
> <BODY onResize="window.location.href = window.location.href;">
> <div id="apDiv1"></div>
> </BODY></HTML>
Hej.
Prøv noget ala :
Der mangler !DOCTYPE
<HTML>
<HEAD>
meta og title...
<SCRIPT type=text/javascript>
var image1 = new Image;
image1.src = 'Green Bag 900x450.jpg';
function SetStyle() {
var div = document.getElementById('apDiv1');
div.style.width = bredde + 'px';
div.style.height = hoejde + 'px';
div.style.left = margen + 'px';
div.style.top = margen + 'px';
div.style.background-image = url( image1.src);
}
</SCRIPT>
<style type="text/css">
#apDiv1 {
position:absolute;
height:115px;
z-index:1;
left: 20px;
top: 20px;
}
</style>
</HEAD>
<BODY onResize="window.location.href = window.location.href;"
onload="SetStyle();">
<div id="apDiv1"></div>
</BODY></HTML>
Ved ikke hvor du vil få værdien til variablene bredde, hoejde og margen fra.
Forstår i øvrigt slet ikke pointen med at gøre det fra scripting - hvis du
kender billedet, hvorfor så ikke bare indsætte det i css?
Birger