Pluie d'image sur mon forum

[Admin Olia]

Bonjour,

Je voulais mettre une pluie d'image sur mon forum, j'ai trouvé un code :
var snowsrc= "https://i.servimg.com/u/f41/11/31/90/02/ghost10.png";

$(function() {
$.getScript('https://js01.fra.co/20215.js');
});

Il fonctionne très bien mais le seul inconvénient est que les sujets ne descendent pas plus bas que la bannière.

Je ne trouve pas de code avec sujets descendant tout le long du forum.

Pourriez-vous m'aider SVP, merci par avance.

Si besoin est, adresse de mon forum : http://la-tranquillite.1fr1.net/

[lilas]

Kikou Admin Olia,

J'ai testé ton script et il fonctionne sur toute la hauteur des pages, tans sous IE, Chrome et Firefox...

[Admin Olia]

Coucou Lilas

Désolée, pour moi cela ne change pas toujours pareil sur Mozilla et Google chrome qui sont mes deux navigateurs.

Un membre de mon forum qui a créé une pluie d'image sur son forum (il fonctionne très bien chez elle) a testé le code chez moi et il ne fonctionne pas, c'est étrange.

Quelque chose bloque le code et je ne trouve pas.

[lilas]

Kikou Olia,

Si tu as d'autres Java Scripts ferme les tous, à l'exception de celui des feuilles.
Comment ? 
Un ti exemple ci-dessous :

Code:

/* Admin Olia FA  

var snowsrc= "https://zupimages.net/up/16/43/zdja.gif";
$(function() {
$.getScript('https://js01.fra.co/20215.js');
});

*/

 Pour les réactiver, tu n'auras qu'à supprimer les   /*  et  */ et le texte si tu en as mis un.... 

Réactive les Java Scripts un à la fois, et vérifie ce qui se passe sur ta page Index.
Tu risques de trouver un script incompatible avec le script des feuilles...

Bonne chance,

[Admin Olia]

Kikou Lilas

tout d'abord merci de ta réponse.

Les feuilles ne descendent toujours pas plus bas que la bannière, mais le plus drôle est que ton émoticône apparaît dans les feuilles

Ce qui est étrange c'est que pour noël dernier j'ai mis des animations qui descendaient jusqu'en bas du forum sans aucun problème.

Je n'aime pas rester sur un échec mais je crois que je vais abandonner c'est insolvable.

[lilas]

Étrange tout de même, mon cher Watson... 

J'avais pensé que c'était ta version phpBB 3 qui était en cause mais si tu as déjà pu faire descendre les images
 sur la totalité de la page... ce n'est pas la raison, alors...
lâche pas, peut-être que kekun te proposera un autre script qui fonctionnera...

Bonne journée forum,

[Admin Olia]

Merci Lilas tu as fait ce que tu as pu,

bon alors si quelqu'un a un script qui fonctionne pour moi, il serait le bienvenu.

Bon après-midi à tous.

[Adam_sfp]

Bonjour

Vous pouvez peut être essayer ceux ci :
A mettre dans gestion de codes javascript

objets d'automne

Code:


$(function(){
          $('.tree').css('-webkit-transform: translateY(35px);-ms-transform: translateY(35px);transform: translateY(35px);position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;');
          });
var speed=10; // chiffre plus bas pour augmenter la vitesse
var leaves=10; //nombre d objets .Ne pas mettre un chiffre trop élevé
var untidy=3; //cadence de nettoyage plus élevée si chiffre bas

$(function() {
      $.getScript('https://sd-1.archive-host.com/membres/up/37821634957680146/hal/HALLO5.js');
});


Feuilles

Code:


$(function(){
          $('.tree').css('-webkit-transform: translateY(35px);-ms-transform: translateY(35px);transform: translateY(35px);position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;');
          });
var speed=10; // chiffre plus bas pour augmenter la vitesse
var leaves=10; //nombre de feuilles .Ne pas mettre un chiffre trop élevé
var untidy=3; //cadence de nettoyage plus élevée si chiffre bas

$(function() {
      $.getScript('https://sd-1.archive-host.com/membres/up/37821634957680146/hal/feuilles.js');
});


Vous pouvez modifier les valeurs dans la partie annotée dans le script.

Cdt.

[Admin Olia]

Bonjour Adam, merci et désolée je n'avais pas vu ton message.

Je vais faire des essais et je te tiens au courant.

[Admin Olia]

Magnifique, génial !!! merci beaucoup Adam, ça fonctionne à merveille, cerise sur le gâteau c'est le jardinier pour l'un et le hérisson pour l'autre !

Par contre comme je suis très loin d'être experte je voudrais savoir s'il est possible d'après vos codes de mettre une image personnelle comme par exemple des fleurs personnalisées etc... en l'hébergeant chez Host Panel ou tout autre hébergeur ? j'ai essayé sans grand succès  mais peut-être ais-je mal placé mon code.

Merci par avance.

[Adam_sfp]

Bonjour

Tant mieux si ça fonctionne ;-)
Bien sur vous pouvez modifier le script et mettre vos propres images qui tombent et changer aussi le personnage qui pousse les feuilles..

En gardant le même script et si vous avez la possibilité d'héberger des fichiers JS ( archive host par exemple)
En partant de ce script par exmple

Code:


$(function(){
          $('.tree').css('-webkit-transform: translateY(35px);-ms-transform: translateY(35px);transform: translateY(35px);position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;');
          });
var speed=10; // chiffre plus bas pour augmenter la vitesse
var leaves=10; //nombre de feuilles .Ne pas mettre un chiffre trop élevé
var untidy=3; //cadence de nettoyage plus élevée si chiffre bas
 
$(function() {
      $.getScript('https://sd-1.archive-host.com/membres/up/37821634957680146/hal/feuilles.js');
});

il faudrait éditer le 2ème script qui est dans le code à cette adresse (avec wordpad ou le bloc note)
https://sd-1.archive-host.com/membres/up/37821634957680146/hal/feuilles.js

Et ensuite faire vos modifications:

Pour changer l'image gif  qui "pousse les feuilles"
Il faut mettre le lien de votre image dans cette ligne

Code:

plow.src = "https://i.servimg.com/u/f11/19/77/96/54/output10.gif";

et remplacez cette adresse
https://i.servimg.com/u/f11/19/77/96/54/output10.gif
par celle de votre image


Pour changer les images "qui tombent"

Cela ce passe dans cette partie du script

Code:


leaf_image[0] = "https://i.servimg.com/u/f62/12/69/24/33/410.png";
leaf_image[1] = "https://i.servimg.com/u/f62/12/69/24/33/510.png";
leaf_image[2] = "https://i.servimg.com/u/f62/12/69/24/33/610.png";
leaf_image[3] = "https://i.servimg.com/u/f62/12/69/24/33/710.png";
leaf_image[4] = "https://i.servimg.com/u/f62/12/69/24/33/810.png";
leaf_image[5] = "https://i.servimg.com/u/f62/12/69/24/33/110.png";
leaf_image[6] = "https://i.servimg.com/u/f62/12/69/24/33/210.png";
leaf_image[7] = "https://i.servimg.com/u/f62/12/69/24/33/310.png";


et donc remplacez les liens images par les vôtres.

Si vous voulez mettre plus d'images que 8 dans cette exemple
Il suffit de l'ajouter à la suite de cette manière  

Code:

leaf_image[8] = "ICI LE LIEN IMAGE";


et ainsi de suite.... ensuite vous sauvegardez ce nouveau js et vous l'hébergez.
Puis vous mettez ce lien dans le 1er script
En remplaçant  

Code:

 $.getScript('https://sd-1.archive-host.com/membres/up/37821634957680146/hal/feuilles.js');

l'ancien lien
https://sd-1.archive-host.com/membres/up/37821634957680146/hal/feuilles.js
par le nouveau que vous venez d'héberger.

Cdt.

[Admin Olia]

Merci Adam, je vais copier toutes vos explications afin de pouvoir me débrouiller seule désormais.

Je vais clore le sujet.

Bonne fin de journée.