[TOUTES VERSIONS] Faire voler autant d'images que vous le souhaitez sur toutes les pages de votre forum

[Freedom SunModérateur]

Bonjour à tous,

Pour les jours de fêtes ou comme ça :  

Faire voler autant d'images que vous le souhaitez sur toutes les pages de votre forum
Vos images apparaîtront progressivement sur votre forum.

Version template :

Ouvrir l'Explication:

------------------------------------------------

Version JavaScript : Donné par notre ami : @Milouze14 '(Phil), que je salue, ⁣ 

Dans votre : Panneau d'administration / Module /  HTML & JAVASCRIPT / Codes JavaScript

- Pour cela, Activer la gestion des codes JavaScript sur : oui puis
- Ensuite "Créer un nouveau JavaScript"
- Ajoutez-y un titre :
- insérer votre script :
- Placement : selon votre préférence :

Code:

$(function(){
  function note() {
var r=Math.random,n=0,d=document,w=window,
   i=d.createElement('img'),
   z=d.createElement('div'),
   zs=z.style,
   a=w.innerWidth*r(),b=w.innerHeight*r();
zs.position="fixed";
zs.center=0;
zs.top=0;
zs.opacity=0;
z.appendChild(i);
i.src='https://i.servimg.com/u/f62/19/52/14/17/pumpki10.png';
d.body.appendChild(z);
function R(o,m){return Math.max(Math.min(o+(r()-.5)*600,m-70),50)}
function A(){
   var x=R(a,w.innerWidth),y=R(b,w.innerHeight),
      d=5*Math.sqrt((a-x)*(a-x)+(b-y)*(b-y));
   zs.opacity=n;n=1;
   zs.transition=zs.webkitTransition=d/1e2+'s linear';
   zs.transform=zs.webkitTransform='translate('+x+'px,'+y+'px)';
   i.style.transform=i.style.webkitTransform=(a>x)?'':'scaleX(-1)';
   a=x;b=y;
   setTimeout(A,d);
};setTimeout(A,r()*15e3);
};

note();
note();
note();
note();
note();
});


Exemple avec le lien de cette citrouille :

Code:

i.src='https://i.servimg.com/u/f62/19/52/14/17/pumpki10.png';

Vous pouvez remplacer le lien de la citrouille par la vôtre

- Puis  

Si vous souhaitez avoir plusieurs images :
Répétez-le en copiant le script et en le rajoutant dans un autre JavaScript :
Pour cela, recréez un autre JavaScript avec un autre titre et placez-le selon votre préférence :

Voici deux liens qui pourraient vous plaire : un en gif et un figé

https://www.gifsanimes.com/cat-notes-de-musique-1377.htm?page=1
https://iconarchive.com/news.html


Voilà, en espérant que ceci vous plaira…    


À bientôt,

[Milouze14Fondateur]

@Freedom Sun,
merci pour cette excellente astuce

[fred9545Donateur]

Hello  @Freedom Sun

Merci pour l'astuce