2 pluies d'images

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu 2 pluies d'images

Message par Marcelle Mar 12 Juil 2011 - 4:43

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é Very Happy 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é)

Laughing


Dernière édition par Marcelle le Mar 19 Juil 2011 - 2:25, édité 1 fois
Marcelle

Marcelle
**

Féminin
Messages : 77
Inscrit(e) le : 17/06/2011

http://wigwam.forum-canada.com/
Marcelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par SoraNoHime Mar 12 Juil 2011 - 4:49

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
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par Marcelle Mar 12 Juil 2011 - 4:56

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>

Marcelle

Marcelle
**

Féminin
Messages : 77
Inscrit(e) le : 17/06/2011

http://wigwam.forum-canada.com/
Marcelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par SoraNoHime Mar 12 Juil 2011 - 5:18

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.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par Marcelle Mer 13 Juil 2011 - 3:40

up
Marcelle

Marcelle
**

Féminin
Messages : 77
Inscrit(e) le : 17/06/2011

http://wigwam.forum-canada.com/
Marcelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par Marcelle Jeu 14 Juil 2011 - 1:55

up
Marcelle

Marcelle
**

Féminin
Messages : 77
Inscrit(e) le : 17/06/2011

http://wigwam.forum-canada.com/
Marcelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par Marcelle Ven 15 Juil 2011 - 2:13

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

Marcelle
**

Féminin
Messages : 77
Inscrit(e) le : 17/06/2011

http://wigwam.forum-canada.com/
Marcelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par Marcelle Sam 16 Juil 2011 - 3:38

up
Marcelle

Marcelle
**

Féminin
Messages : 77
Inscrit(e) le : 17/06/2011

http://wigwam.forum-canada.com/
Marcelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par Marcelle Dim 17 Juil 2011 - 3:09

up

Dernier up demain je vais fermer le message.

Bonne journée
Marcelle

Marcelle
**

Féminin
Messages : 77
Inscrit(e) le : 17/06/2011

http://wigwam.forum-canada.com/
Marcelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par SoraNoHime Dim 17 Juil 2011 - 3:40

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

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par Marcelle Lun 18 Juil 2011 - 4:31

up

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

Merci beaucoup Macema pur ton travail.

Bonne journée.
Marcelle

Marcelle
**

Féminin
Messages : 77
Inscrit(e) le : 17/06/2011

http://wigwam.forum-canada.com/
Marcelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par SoraNoHime Mar 19 Juil 2011 - 1:35

^^ 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 Ajout

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

Cordialement
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par Marcelle Mar 19 Juil 2011 - 2:06

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
Marcelle

Marcelle
**

Féminin
Messages : 77
Inscrit(e) le : 17/06/2011

http://wigwam.forum-canada.com/
Marcelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par SoraNoHime Mar 19 Juil 2011 - 2:11

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 .
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 pluies d'images

Message par Marcelle Mar 19 Juil 2011 - 2:24

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

Marcelle
Marcelle

Marcelle
**

Féminin
Messages : 77
Inscrit(e) le : 17/06/2011

http://wigwam.forum-canada.com/
Marcelle a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum