Homepage FM - coming soon!
WMA
Realplayer
Winamp
Now playing...
Apr 29
th
, 2024, 3:42pm
Welcome, Guest. Please
Login
.
Steve's Homepage
›
General Chatter
›
The Lounge
(Moderators:
belmando
,
Termy
,
sleepy
,
knugen
,
haga
,
gorth
,
locktightT
,
invalid
,
gonawayuk
)
‹
Previous topic
|
Next topic
›
Pages: 1
Snowdrops effect, how does it work? (Read 1995 times)
Hokey
Ex Member
Snowdrops effect, how does it work?
Dec 2
nd
, 2003, 9:26pm
To all you brainboxes out there, can someone please tell me how do they make a gif work, where snowdrops are falling down the pc screen? I think it's a really good effect.
Hokey.
Back to top
IP Logged
locktightT
(Offline)
Administrator
Posts: 2334
Gender:
Re: Snowdrops effect, how does it work?
Reply #1 -
Dec 2
nd
, 2003, 11:36pm
Hi m8
It's just a piece of code that uses an image and plots/rmoves the picture several times over the same page to give the illusion that snow is falling - our web,aster Steve had it snowing here last year if you remember? It looks something like the script below
T ;D
<script language="JavaScript1.2">
var snowsrc="icons/snow.gif"
var no = 10;
var url="icons/snow.html"
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i < no / 2 ) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\""+url+"\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
}
} else if (ie4up) {
if (i < no / 2 ) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\""+url+"\"><img src='"+snowsrc+"' border=\"0\"></a></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}
function snowIE() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</script>
Back to top
IP Logged
Hokey
Ex Member
Re: Snowdrops effect, how does it work?
Reply #2 -
Dec 3
rd
, 2003, 12:34pm
Thanks!!!!!!!
I LOVE THE CHRISTMAS LIGHTS!!!!!!!
Hokey.
PS, Thanks again.
Back to top
IP Logged
Pages: 1
Steve's Homepage
›
General Chatter
›
The Lounge
(Moderators:
belmando
,
Termy
,
sleepy
,
knugen
,
haga
,
gorth
,
locktightT
,
invalid
,
gonawayuk
)
‹
Previous topic
|
Next topic
›
Forum Jump:
-----------------------------
Forum Announcements
-----------------------------
- Forum News
- Some Do's and Dont's
- Steve's Homepage Feedback!
-----------------------------
Cardsharing CCcam/gbox
-----------------------------
-----------------------------
Upload area
-----------------------------
- Receiver patches & firmware
-----------------------------
General Chatter
-----------------------------
- General news stories and stuff
=> The Lounge
- Sports Desk
- Jokes and Puzzles
- Pictures and video
- Photography
- Film reviews
- Bargain basement
-----------------------------
Multimedia
-----------------------------
- Dvd, Vcd, .avi, .mpeg, DivX
-----------------------------
PC Help
-----------------------------
- Help!
- PC Software
-----------------------------
Cellular / GSM and GPS
-----------------------------
-----------------------------
Satellite
-----------------------------
- Help and Information
- Digital Bits.....
- TV Guide
- Transponder news and Feeds
-----------------------------
Sports
-----------------------------
Steve's Homepage
» Powered by
YaBB 2.1
!
YaBB
© 2000-2005. All Rights Reserved.