Pages: 1
[b]Description: [/b] Floating Images II animates any image (or block of HTML) up and down the browser window, like an elevator, and stays in view even if the user scrolls the page. Going up anyone? :
You are viewing a post by aidenlive. View all 13 posts in [b]Description: [/b] Floating Images II animates any image (or block of HTML) up and down the browser window, like an elevator, and stays in view even if the user scrolls the page. Going up anyone? :.
2009-01-18 21:30:18
- aidenlive
- » FTalkGeek
1269
0
1969-12-31
[b]Description: [/b] Floating Images II animates any image (or block of HTML) up and down the browser window, like an elevator, and stays in view even if the user scrolls the page. Going up anyone? :
[b]Description: [/b]
Floating Images II animates any image (or block of HTML) up and down the browser window, like an elevator, and stays in view even if the user scrolls the page. Going up anyone?
[url=http://www.friendster.com/profiles/adnpht][color=green]DEMO[/color][/url]
[b]Code:[/b] [i]edit the red bold part..[/i]
[quote][spoiler]adnpht="<div id='point1' STYLE='position:absolute;visibility:visible;'>[color=red]<img src='[b]IMAGE DIRECT LINK[/b]'>[/color]</div>";
flow=document.getElementById('flo_wrapper');
river=document.createElement("div");
river.innerHTML=adnpht;
flow.parentNode.insertBefore(river,flow);
var XX=20;
var xstep=1;
var delay_time=60;
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}
if (ie||ns4||ns6)
window.onload=onad[/spoiler][/quote]
[i]Simply add the code in your js ext.[/i]
[b]Credits:[/b] [color=green]Bruce Anderson[/color]
[url=http://www.friendster.com/profiles/adnpht][color=green]DEMO[/color][/url]
[b]Code:[/b] [i]edit the red bold part..[/i]
[quote][spoiler]adnpht="<div id='point1' STYLE='position:absolute;visibility:visible;'>[color=red]<img src='[b]IMAGE DIRECT LINK[/b]'>[/color]</div>";
flow=document.getElementById('flo_wrapper');
river=document.createElement("div");
river.innerHTML=adnpht;
flow.parentNode.insertBefore(river,flow);
var XX=20;
var xstep=1;
var delay_time=60;
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}
if (ie||ns4||ns6)
window.onload=onad[/spoiler][/quote]
[i]Simply add the code in your js ext.[/i]
[b]Credits:[/b] [color=green]Bruce Anderson[/color]
Last edited by aidenlive (2009-01-18 21:43:04)
 |