Javascript gebruiken in HTML tag
Ik ben vrij onervaren in de combinatie javascript/html.
Ik wil de breedte van een image laten afhangen van de browserbreedte.
Ik zoek de browserbreedte via dit script:
Quote:
var imageWidth = 0;
if( typeof( window.innerWidth ) == 'number' )
{
//Non-IE
myWidth = window.innerWidth;
}
else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
{
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
}
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
{
//IE 4 compatible
myWidth = document.body.clientWidth;
}
imageWitdh = myWidth*0.3;
if( typeof( window.innerWidth ) == 'number' )
{
//Non-IE
myWidth = window.innerWidth;
}
else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
{
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
}
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
{
//IE 4 compatible
myWidth = document.body.clientWidth;
}
imageWitdh = myWidth*0.3;
Nu wil ik dat mijn image de breedte imageWitdh krijgt... hoe doe ik dit?
<img src="someimage.png" width="imageWitdh"> werkt niet uiteraard...
Bedankt!
Anders kun je dit beter met css oplossen.
.img-bg {
height: 100%;
width: 100%;
position: absolute;
left: 0px;
top: 0px;
background-image: url(../images/bg.png);
background-repeat: no-repeat;
}
Ik wil dat de breedte uiteindelijk wordt: "imageWitdh = (myWidth*0.3)-10px". Dat kan je niet oplossen door enkel en alleen css of html. Daarom gebruik ik javascript. Ik wil nu de uitkomst van mijn script in die html (of css) krijgen...
In php zou dit zou gebeuren: <img src="someimage.png" width="" >,
maar ik weet dus niet hoe ik dit met javascript kan doen...
Iemand?