Battousai
Legacy Member
Hey,
Ik heb ergens een javascriptje vandaan gehaald, dat hoogte en breedte van het binnenvenster weergeeft, nu heb ik daar een case structuur bijgezet, om te zorgen dat ik mijn achtergrond kan aanpassen naarmate het binnenvenster van de gebruiker anders is.
Maar ik weet niet hoe dat ik dat moet verwerken in mijn background-image: url ? zodat het werkt?
Iemand enig idee?
Ik heb ergens een javascriptje vandaan gehaald, dat hoogte en breedte van het binnenvenster weergeeft, nu heb ik daar een case structuur bijgezet, om te zorgen dat ik mijn achtergrond kan aanpassen naarmate het binnenvenster van de gebruiker anders is.
Maar ik weet niet hoe dat ik dat moet verwerken in mijn background-image: url ? zodat het werkt?
Iemand enig idee?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Or Solara</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script>
function alertSize() {
var myWidth = 0, myHeight = 0, result = null;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
window.alert( 'Width = ' + myWidth );
window.alert( 'Height = ' + myHeight );
}
switch (myHeight) {
case 601: result = 'achtergrond1024601_firefox'; break;
case 627: result = 'achtergrond1024627_firefox'; break;
case 663: result = 'achtergrond1024663_firefox'; break;
case 637: result = 'achtergrond1024637_firefox'; break;
default: result = 'achtergrond1024601_firefox';
}
document.write(result);
</script>
<style>
body
{
background-image: url(Pics/achtergrond/result.jpg);
background-repeat: no-repeat;
}
</style>
<body>
</body>
</html>