2 pluies d'images

[Marcelle]

Coucou, encore moi.

Sur mon forum, j'ai une pluie d'images (du muguet) et j'ai créer une autre pluie d'images(oiseaux) ça fonctionne très bien, mais si je veux aussi mettre des étoiles qui tombent du curseur, les étoiles ne fonctionnent pas.

Est-ce que peux mettre seulement 2 pluies d'images ou 1 pluie d'images et un code curseur, donc pas plus de deux ?

Je ne sais pas si j'ai bien expliqué mais merci quand même de me répondre.

Bonne journée. (Pour moi c'est le soir, mais j'ai adopté bonne journée moins compliqué)

[SoraNoHime]

Bonjour

Cela dépend du javascript de vos pluie et de celle de votre curseur. Certains sont incompatibles ensemble.

Puis-je avoir les liens de vos 3 scripts (par MP si vous désirez garder ceci privé) ? Je vais les tester.

Cordialement

[Marcelle]

Voici les 3 liens Macema

Les deux premiers sont de astuforum

<script language=javascript src="http://astuforum.free.fr/js/etoiles-cur.js" /></script>

<script src="http://astuforum.free.fr/js/pluie_muguet.js"/></script>

----------------------------------------------------------------------
Celui-ci aussi de astuforum mais créer par moi-même

<SCRIPT LANGUAGE="JavaScript">
// SCRIPT GENERE PAR LE GENERATEUR DE SCRIPT D'ASTUFORUM ( http://astuforum.free.fr)
var Ymax=8;
var Xmax=8;
var Tmax=10000;

var floatimages=new Array();
floatimages[0]="https://i.servimg.com/u/f43/15/53/53/42/_bir1911.gif";
floatimages[1]="https://i.servimg.com/u/f43/15/53/53/42/_bir1911.gif";
floatimages[2]="https://i.servimg.com/u/f43/15/53/53/42/_bir1911.gif";
floatimages[3]="https://i.servimg.com/u/f43/15/53/53/42/_bir1911.gif";
floatimages[4]="https://i.servimg.com/u/f43/15/53/53/42/_bir1911.gif";
floatimages[5]="https://i.servimg.com/u/f43/15/53/53/42/_bir1911.gif";

//*********NE PAS MODIFIER***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);

function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}

function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}

function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}

function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}

function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}

function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}

function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}

function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}

function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}

function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}

function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}

function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}

function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}

if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
</script>

[SoraNoHime]

Effectivement, il y a toujours un des 3 scripts qui n'apparait pas.

Personnellement, j'arrive à afficher le muguet et la pluie d'étoile ensemble, mais pas les oiseaux.

j'ai bien tenté de changer le code javascript de votre pluie mais sans succès... de même, j'ai essayé d'intervertir leur ordre d'apparation, et tous les endroits où vous pouvez les appliquer dans le panneau d'administration. Sans succès. Par contre, les deux premiers posés sont ceux qui marcheront au dépens du troisième.

l'incompatibilité est toujours entre le script du curseur étoilé et celui des oiseaux.

Je vais tenter de fusionner ensemble votre muguet et les oiseaux. Par contre cela va me prendre du temps et je serais absente jusque vendredi soir. Donc à moins que quelqu'un puisse tenter l'expérience avant et réussisse à résoudre votre problème, n'hésitez pas à upper votre suet (1 fois tous les 24h)

Cordialement.

[Marcelle]

up

[Marcelle]

up

[Marcelle]

up

Bonjour Macema, comme conseillé, j'ai upper mon message, mais je pense que vous ne devriez pas perdre votre temps à ce petit problème, il y a sûrement des problèmes plus compliquer à régler.

Présentement sur mon forum quand on arrive sur la page d'accueil il y a 2 pluies d'images, des soleils et la tour Eiffel, sur le portail il y les petits cœurs descendants du curseur, quand j'ouvre un forum pour poster, il y a des soleils et des petits cœurs qui tombent du curseur. Je pense que c'est bien comme ça.

Je vais attendre votre réponse avant de mettre résolu.

Bonne journée.

[Marcelle]

up

[Marcelle]

up

Dernier up demain je vais fermer le message.

Bonne journée

[SoraNoHime]

Bonsoir ou Bonour Marcelle, je teste encore un dernier code justement. Je vous indiquerai ce qu'il en est demain.

Cordialement.

[Marcelle]

up

Un autre petit up, en attendant la réponse de Macema.

Merci beaucoup Macema pur ton travail.

Bonne journée.

[SoraNoHime]

^^ voici enfin la solution.

D'abord, installez le code pour le curseur étoilé dans la description du forum.

Puis, ouvrez votre Bloc-notes sur votre ordinateur

copier-coller y ce code :

Code:


if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){
 
(function(){
 
//Configure here.
 
var num = 12;  //Nombre d'images
var timer = 60; //Vitesse de descente
var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
//Adresse des gifs ci-dessous
var url_gif = new Array();
 
url_gif[0]= "http://i43.servimg.com/u/f43/15/53/53/42/_bir1911.gif"; 
url_gif[1]= "http://i48.servimg.com/u/f48/15/28/84/33/muguet10.gif"; 
nb_floc = 3; // Nombre de d'images différentes
 
//End.
 
var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
 
if (d.documentElement.style && 
typeof d.documentElement.style.MozOpacity == "string")
num = 12;
 
for (i = 0; i < num; i++){
sfs[i] = 15; // Math.round(1 + Math.random() * 1);
 
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');
 
 
// '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;
 
currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
 
 
if (domWw) r = window;
else{ 
  if (d.documentElement && 
  typeof d.documentElement.clientWidth == "number" && 
  d.documentElement.clientWidth != 0)
  r = d.documentElement;
 else{ 
  if (d.body && 
  typeof d.body.clientWidth == "number")
  r = d.body;
 }
}
 
 
function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
  if (d.documentElement && d.defaultView && 
  typeof d.defaultView.scrollMaxY == "number"){
  oh = d.documentElement.offsetHeight;
  sy = d.defaultView.scrollMaxY;
  ow = d.documentElement.offsetWidth*0.80;
  sx = d.defaultView.scrollMaxX;
  rh = oh-sy;
  rw = ow-sx;
 }
 else{
  rh = r.innerHeight;
  rw = r.innerWidth*0.80;
 }
h = rh - 2; 
w = rw - 2; 
}
else{
h = r.clientHeight - 2; 
w = r.clientWidth*0.80; 
}
}
 
 
function scrl(yx){
var y,x;
if (domSy){
 y = r.pageYOffset;
 x = r.pageXOffset;
 }
else{
 y = r.scrollTop;
 x = r.scrollLeft;
 }
return (yx == 0)?y:x;
}
 
 
function snow(){
var dy,dx;
 
for (i = 0; i < num; i++){
 dy = fall[i];
 dx = fall[i] * Math.cos(currStep[i]);
 
 y[i]+=dy;
 x[i]+=dx; 
 
 if (x[i] >= w || y[i] >= h){
  y[i] = -10;
  x[i] = Math.round(Math.random() * w);
  fall[i] = (sfs[i] == 1)?
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
  step[i] = (sfs[i] == 1)?
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
 }
 
 theFlakes[i].top = y[i] + scrl(0) + pix;
 theFlakes[i].left = x[i] + scrl(1) + pix;
 
 currStep[i]+=step[i];
}
setTimeout(snow,timer);
}
 
 
function init(){
winsize();
for (i = 0; i < num; i++){
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
 y[i] = Math.round(Math.random()*h);
 x[i] = Math.round(Math.random()*w);
}
snow();
}
 
 
if (window.addEventListener){
 window.addEventListener("resize",winsize,false);
 window.addEventListener("load",init,false);
} 
else if (window.attachEvent){
 window.attachEvent("onresize",winsize);
 window.attachEvent("onload",init);
} 
 
})();
}

enregistrez le document sous le nom : muguetoiseau.js

puis héberger ce fichier créé par exemple
ici

Récupérez l'adresse du document une fois hébergé

Aller dans PA > Général > Les moteurs de recherche

A autre balises méta cliquez sur

choississez lier un javascript, enregistrez, copier coller l'adresse du fichier et enregistrez.

Cordialement

[Marcelle]

Bonjour Macema, merci pour ce travail. Tout fonctionnerait mais c'est l'hébergement du code qui me cause problème, le site que tu me donnes est payant et je n'ai pas trop les moyens, est-ce que tu aurais l'adresse d'un site qui héberge un code de ce genre ?

Merci de me répondre.

Marcelle

[SoraNoHime]

Le site est gratuit dans un hébergement limité en poids^^ (il faut cliquez sur s'enregistrez tout a droite pour l'hébergement de fichiers)

Sinon je vous envoie par MP mon propre code. Vous pourrez l'utiliser .

[Marcelle]

Merci Macema, ça fonctionne, vous êtes vraiment bonne.

Marcelle