Forum Calvo Family
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le Deal du moment : -28%
Précommande : Smartphone Google Pixel 8a 5G ...
Voir le deal
389 €

 

 Question de neige...

Aller en bas 
2 participants
AuteurMessage
Sécotine
Chouchou de la maîtresse
Sécotine


Nombre de messages : 104
Age : 33
Localisation : Montréal/Canada
Date d'inscription : 14/10/2004

Question de neige... Empty
MessageSujet: Question de neige...   Question de neige... EmptyMer 10 Nov à 4:47

Bonjour Nath!
J'ai une petite question qui a un peu rapport avec Noël...

J'ai pour Noël, un logo de Noël. Or, j'aimerais faire cela plus réaliste en fesant tomber de la neige sur mon site. Des petits flocons tomberaient du haut de ma page. Seulement, j'ai bel et bien trouvé un script, mais je ne peux pas l'installer correctement. Pour cela, je dois installer une image. J'ai entendu dire que ça doit être sur le serveur... Pourrais-tu m'aider, si possible?
Voici le script:

Code:

<script LANGUAGE="Javascript1.2">
<!--
// Original: Altan - http://www.altan.hr/snow -->
var no = 15; // nombre de flocons
var speed = 5; // plus le nombre est petit, plus la vitesse augmente
var snowflake = "snow.gif"; // image
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) {
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\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
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) {if (i == 0) {
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>");
} else {
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];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].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];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>

Merci beaucoup! Very Happy
Revenir en haut Aller en bas
http://www.poudlardsurleweb.new.fr
Nathalie
Admin
Nathalie


Nombre de messages : 458
Localisation : Marseille
Date d'inscription : 10/10/2004

Question de neige... Empty
MessageSujet: Re: Question de neige...   Question de neige... EmptyMer 10 Nov à 20:38

Voici un script qui est compatible avec e-monsite (voir le résultat http://www.e-monsite.com/calvofamily/rubrique-1010394.html)

Ce que l'on peut modifier :
- l'image si celle-ci ne te plait pas
- le nombre de flocons
- a priori la vitesse mais je ne sais si ça ferait beau

Code:
<!-- DEBUT DU SCRIPT -->
<script language=JavaScript>
/*
Snow Effect Script
Created and submitted by Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)
*/
var snowsrc="http://img130.exs.cx/img130/1697/flocon.gif "
var no = 10;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var nn6up = (document.getElementById) ? 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;
} else if (nn6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}

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 == 0) {
document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
} else {
document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
}
} else if (ie4up || nn6up) {
if (i == 0) { document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></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);
}

function snowNN6() {
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.getElementById("dot"+i).style.top = yp[i];
document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNN6()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
} else if (nn6up) {
snowNN6();
}

</script>

<!-- FIN DU SCRIPT -->

Eventuellement, j'ai trouvé un autre script qui permet d'afficher une image différente en fonction de la saison ..mais je ne l'ai pas testé ! Si tu es interessée, je le ferai quand j'aurai un moment.

http://www.e-monsite.com/calvofamily/rubrique-1010394.html
Revenir en haut Aller en bas
http://www.calvofamily.tk
Sécotine
Chouchou de la maîtresse
Sécotine


Nombre de messages : 104
Age : 33
Localisation : Montréal/Canada
Date d'inscription : 14/10/2004

Question de neige... Empty
MessageSujet: Re: Question de neige...   Question de neige... EmptyJeu 11 Nov à 2:10

MERCI BEAUCOUP NATH! WOW! I LOVE THIS! Very Happy Shocked Mr. Green Mr.Red Wink Exclamation Exclamation Exclamation Exclamation Exclamation Exclamation Exclamation Exclamation Exclamation
Revenir en haut Aller en bas
http://www.poudlardsurleweb.new.fr
Nathalie
Admin
Nathalie


Nombre de messages : 458
Localisation : Marseille
Date d'inscription : 10/10/2004

Question de neige... Empty
MessageSujet: Re: Question de neige...   Question de neige... EmptyJeu 11 Nov à 2:17

De rien !!!
Revenir en haut Aller en bas
http://www.calvofamily.tk
Contenu sponsorisé





Question de neige... Empty
MessageSujet: Re: Question de neige...   Question de neige... Empty

Revenir en haut Aller en bas
 
Question de neige...
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Question de curseur
» Petite question

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Calvo Family :: Création de site :: Demande d'assistance-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser