PDA

Visualizza versione completa : Come faccio la neve???? (Billow aiut)


TyDany
18-12-2001, 11.05.31
La mia collega che si occupa del nostro sito web mi ha chiesto come pu aggiungere alla nostra home page della neve che cade, piccolo problema, io di html non capisco un fico secco, so fare qualcosa in flash ma x il resto..........non il mio campo.

Qualcuno di voi sa come posso fare???

Ho letto in qualche thread che l'hanno scorso su WT c'era, Billow non che riesci a darmi na zampa??

Thanx a chiunque mi aiuti e anche a chi non lo fa xch come me non lo sa.

Ciauz.

;)

quipo.it
18-12-2001, 16.37.35
aggiungi questo script:
Ocio che abbastanza pesantuccio!

<SCRIPT language=JavaScript1.2>
<!-- Original: Altan (snow@altan.hr) -->
var no = 30; // snow number
var speed = 45; // smaller number moves the snow faster
var snowflake = "templates/subSilver/images/snow.gif";

var ns4 = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 1024, doc_height = 2000;
if (ns4||ns6up) {
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; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4) { // set layers
document.write("<layer name=dot"+i+" left=15 ");
document.write("top=15 visibility=show><img src=");
document.write(snowflake+" border=0></layer>");
} else if (ie4up||ns6up) {
document.write("<div id=dot"+i+" style=position:");
document.write("absolute;z-index:"+i+";visibility:");
document.write("visible;top:15px;left:15px;><img src=");
document.write(snowflake+" border=0></div>");
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
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];
if(document.layers) {
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } else {
document.getElementById("dot"+i).style.top=yp[i];
document.getElementById("dot"+i).style.left=xp[i]+am[i]*Math.sin(dx[i]); }
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
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];
if(document.all) {
document.all["dot"+i].style.top=yp[i];
document.all["dot"+i].style.left=xp[i]+am[i]*Math.sin(dx[i]); } else {
document.getElementById("dot"+i).style.top=yp[i];
document.getElementById("dot"+i).style.left=xp[i]+am[i]*Math.sin(dx[i]); }
}
setTimeout("snowIE()", speed);
}
if (ns4||ns6up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</SCRIPT>

TyDany
18-12-2001, 18.02.03
Ti ringrazio, dove lo aggiungo, in cima?? Grazie mille davvero. ;)

quipo.it
18-12-2001, 18.36.31
Prova o sotto il tag body oppure all'interno tra i tag head

TyDany
18-12-2001, 19.28.02
Thanx, domattina ci provo.

Ciauz ;)

Sergio Neddi
18-12-2001, 21.39.40
Bisogna per modificare la riga:

var snowflake = "templates/subSilver/images/snow.gif";

in modo da farla puntare ad un gif che rappresenta un fiocco di neve.

Giorgiogg
19-12-2001, 01.43.48
ce ne sono di pi leggeri che si applicano ad un immagine o al testo fai una ricarca da html.it

TyDany
19-12-2001, 09.13.29
Grazie a tutti, provo e vi faccio sapere ;)

ERASER X
22-12-2001, 16.49.45
io usavo questo ke STUPENDO ! ! ! !

il fatto ke per qualke motivo ora nn va piu visto ke invece dei fiokki di neve mi fa scendere le iconette di quando una immagine nn viene trovata...probabilmante il sito su cui si agganciava nn ce piu!!

ke fare....?????


il codice questo!

var cartella="http://clubarea51.interfree.it/IMMAGINI_file/"
var snowsrc="snow.gif"
var no = 8;
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
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) {
neve=Math.floor((Math.random() * 3)+ 1);
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+cartella+neve+snowsrc+"' border=\"0\"></a></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+cartella+neve+snowsrc+"' border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+cartella+neve+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='"+cartella+neve+snowsrc+"' border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
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() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
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();
}



fatemi sapere...un natale senza neve ke natale ????

ERASER X
22-12-2001, 16.58.15
e nemmeno quelo ke avete segnalato voi funziona........stesso problema!!



ciao!!

darkchild
22-12-2001, 17.11.43
Prova cos !!

<SCRIPT language=JavaScript>
var cartella="http://home.planet.nl/~laar0539/flake-small.gif"
var no = 8;
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
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) {
neve=Math.floor((Math.random() * 3)+ 1);
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://digilander.iol.it/darkchild\"><img src='"+cartella+"' border=\"0\"></a></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+cartella+"' border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://digilander.iol.it/darkchild\"><img src='"+cartella+"' 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='"+cartella+"' border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
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() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
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>
;)

ERASER X
22-12-2001, 17.20.41
nn funzia............


proprio nn mi fa visualizzare nulla!!!!!!

come mai???

Ov3rKuNtZ
22-12-2001, 22.08.50
Originariamente inviato da ERASER X
nn funzia............


proprio nn mi fa visualizzare nulla!!!!!!

come mai???


io ho provato il primo script dato e funziona benissimooooooo!!!!!!

:) :D

Ov3rKuNtZ
22-12-2001, 23.54.28
Originariamente inviato da ERASER X
nn funzia............


proprio nn mi fa visualizzare nulla!!!!!!

come mai???


ecco il codice! da inserire nel tag body!


l'allegato lo metterai nella stessa directori della pagina html ok??
-----------------------------------------------------------------
<SCRIPT language=JavaScript1.2>
<!-- Original: Altan (snow@altan.hr) -->
var no = 30; // snow number
var speed = 45; // smaller number moves the snow faster
var snowflake = "fiocco.gif";

var ns4 = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 1024, doc_height = 2000;
if (ns4||ns6up) {
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; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4) { // set layers
document.write("<layer name=dot"+i+" left=15 ");
document.write("top=15 visibility=show><img src=");
document.write(snowflake+" border=0></layer>");
} else if (ie4up||ns6up) {
document.write("<div id=dot"+i+" style=position:");
document.write("absolute;z-index:"+i+";visibility:");
document.write("visible;top:15px;left:15px;><img src=");
document.write(snowflake+" border=0></div>");
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
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];
if(document.layers) {
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } else {
document.getElementById("dot"+i).style.top=yp[i];
document.getElementById("dot"+i).style.left=xp[i]+am[i]*Math.sin(dx[i]); }
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
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];
if(document.all) {
document.all["dot"+i].style.top=yp[i];
document.all["dot"+i].style.left=xp[i]+am[i]*Math.sin(dx[i]); } else {
document.getElementById("dot"+i).style.top=yp[i];
document.getElementById("dot"+i).style.left=xp[i]+am[i]*Math.sin(dx[i]); }
}
setTimeout("snowIE()", speed);
}
if (ns4||ns6up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</SCRIPT>
--------------------------------------------------------------------

ERASER X
23-12-2001, 18.02.43
perfetto....grazie mille.....in effetti quello ke mancava era proprio l'immagine del fiocco......

....peccato ke questi fiokki ke mi hai dato sono un po piccini di quelli ke avevo io all'inizio(inseriti nel primo script ke ho postato)e ke mi piacevano un sacco......

cmq grazie mille lo stesso almeno adesso ce la neve e nn nemmneo brutta!!

cmq se riesci a farmi mettere i fiokki un po piu belli fammi sapere tanto kredo ke basti sostituire l'immagine!!

ciao e grazie mille ankora!!


BUON NATALE:)

Ov3rKuNtZ
23-12-2001, 18.44.43
prova questo!!!!!!


buON NAtaLe! anke Ate!!!!!!!!!!

Ov3rKuNtZ
23-12-2001, 23.17.43
oppure questo!

ERASER X
25-12-2001, 03.13.24
fatto...grazie mille!!