|
↑
Background Effects >>>
Resizes any image to fit the current dimensions of the browser window. Works best with high resolution images but works with any image.
Step 1: Add the below code to the <body> section of your page:
<SCRIPT
LANGUAGE="JavaScript">
function
Is()
{
var
agent =
navigator.userAgent.toLowerCase();
this.major
=
parseInt(navigator.appVersion);
this.minor
=
parseFloat(navigator.appVersion);
this.ns
=
((agent.indexOf('mozilla')
!=
-1)
&&
(agent.indexOf('spoofer')
==
-1)
&&
(agent.indexOf('compatible')
==
-1)
&&
(agent.indexOf('opera')
==
-1)
&&
(agent.indexOf('webtv')
==
-1));
this.ns2
=
(this.ns
&&
(this.major
==
2));
this.ns3
=
(this.ns
&&
(this.major
==
3));
this.ns4
=
(this.ns
&&
(this.major
==
4));
this.ns6
=
(this.ns
&&
(this.major
>=
5));
this.ie
=
(agent.indexOf("msie")
!=
-1);
this.ie3
=
(this.ie
&&
(this.major
<
4));
this.ie4
=
(this.ie
&&
(this.major
==
4)
&&
(agent.indexOf("msie
5.0")
==
-1));
this.ie5
=
(this.ie
&&
(this.major
==
4)
&&
(agent.indexOf("msie
5.0")
!=
-1));
this.ieX
=
(this.ie
&&
!this.ie3
&&
!this.ie4);
}
var
is =
new
Is();
function
layerObject(id,left,top,visibility)
{
if
(is.ie5||is.ns6){
this.obj
=
document.getElementById(id).style;
this.obj.left
=
left;
this.obj.top
=
top;
this.obj.visibility
=
visibility;
return
this.obj;
}
else
if(is.ie4)
{
this.obj
=
document.all[id].style;
this.obj.left
=
left;
this.obj.top
=
top;
this.obj.visibility
=
visibility;
return
this.obj;
}
else
if(is.ns4)
{
this.obj
=
document.layers[id];
this.obj.left
=
left;
this.obj.top
=
top;
this.obj.visibility
=
visibility;
return
this.obj;
}
}
function
layerSetup()
{
backgroundLyr
=
new
layerObject('backgroundLayer',
0,0,'visible');
}
function
findSize()
{
if(is.ns4
||is.ns6)
{
available_width=innerWidth;
available_height=innerHeight;
layerSetup();
}
else
if(is.ie4
||
is.ie5)
{
available_width=document.body.clientWidth;
available_height=document.body.clientHeight;
layerSetup();
}
}
function
winResize()
{
if(is.ns4
||is.ns6||is.ie4||is.ie5)
{
history.go(0);
}
}
</script>
<center>
<div
id="backgroundLayer"
style="position:absolute;
width:200px; height:115px; z-index:1; left: 0px; top: 0; visibility:
hidden">
<SCRIPT
LANGUAGE="JavaScript">
if(is.ns4
||
is.ns6)
{
available_width
=
innerWidth;
available_height
=
innerHeight;
}
else
if(is.ie4
||
is.ie5)
{
available_width=document.body.clientWidth;
available_height=document.body.clientHeight;
}
if(is.ie4
||
is.ie5
||
is.ns6
||
is.ns4)
{
image1_width
=
(available_width
*
1.00);
image1_height
=
(available_height
*
1.00);
var
image1 =
'<img id="myIm"
src="astronaut.jpg" width="'
+
image1_width +
'" height="'
+
image1_height +
'">';
document.write(image1);
}
window.onload=findSize;
window.onresize=winResize;
</script>
</div>
</center>
|
Step 2: The script uses an image as part of its interface. You can create your own, or use the below :
(right click image, and select "Save Image As")
Upload it into the same directory as your webpage.
→ komiku baca komik online
|
