La date/heure actuelle est Jeu 28 Mar 2024 - 21:21
1 résultat trouvé pour content
Neige sur forum, que sur les côtés
Détails techniques
Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.forseps.org
Description du problème
Bonjour.J'utilise le script suivant :
- Code:
<script type="text/javascript">
snow_img = "http://i68.servimg.com/u/f68/15/15/36/09/snow210.png";
snow_no = 15;
if (typeof(window.pageYOffset) == "number")
{
snow_browser_width = window.innerWidth;
snow_browser_height = window.innerHeight;
}
else if (document.body && (document.body.scrollLeft || document.body.scrollTop))
{
snow_browser_width = document.body.offsetWidth;
snow_browser_height = document.body.offsetHeight;
}
else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
{
snow_browser_width = document.documentElement.offsetWidth;
snow_browser_height = document.documentElement.offsetHeight;
}
else
{
snow_browser_width = 500;
snow_browser_height = 500;
}
snow_dx = [];
snow_xp = [];
snow_yp = [];
snow_am = [];
snow_stx = [];
snow_sty = [];
for (i = 0; i < snow_no; i++)
{
snow_dx[i] = 0;
snow_xp[i] = Math.random()*(snow_browser_width-50);
snow_yp[i] = Math.random()*snow_browser_height;
snow_am[i] = Math.random()*20;
snow_stx[i] = 0.02 + Math.random()/10;
snow_sty[i] = 0.7 + Math.random();
if (i > 0) document.write("<\div id="snow_flake"+ i +"" style="position:absolute;z-index:"+i+""><\img src=""+snow_img+"" border="0"><\/div>"); else document.write("<\div id="snow_flake0" style="position:absolute;z-index:0"><a href="http://peters1.dk/tools/snow.php" target="_blank"><\img src=""+snow_img+"" border="0"></a><\/div>");
}
function SnowStart()
{
for (i = 0; i < snow_no; i++)
{
snow_yp[i] += snow_sty[i];
if (snow_yp[i] > snow_browser_height-50)
{
snow_xp[i] = Math.random()*(snow_browser_width-snow_am[i]-30);
snow_yp[i] = 0;
snow_stx[i] = 0.02 + Math.random()/10;
snow_sty[i] = 0.7 + Math.random();
}
snow_dx[i] += snow_stx[i];
document.getElementById("snow_flake"+i).style.top=snow_yp[i]+"px";
document.getElementById("snow_flake"+i).style.left=snow_xp[i] + snow_am[i]*Math.sin(snow_dx[i])+"px";
}
snow_time = setTimeout("SnowStart()", 10);
}
SnowStart();
</script>
Quand je crée une page HTML avec ça, cela marche.
Si j'essaie de créer un code javascript avec ce code, cela ne fonctionne pas, je ne sais pas pourquoi.
Je voudrais me servir de ce code mais qu'il ne neige pas sur l'emplacement où on écrit les messages.
J'ai su faire il y a un moment en créant un z-ndex dans le javascript.
Sur le CSS :
#content{
position: relative;
z-index: 2;
}
Dans le java script
z-index: 1
ça marchait très bien.
Si quelqu'un a une idée pour que ce code fonctionne comme ça...
Merci d'avance.
Fred
- le Mar 22 Déc 2015 - 17:27
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Neige sur forum, que sur les côtés
- Réponses: 9
- Vues: 1290