Bannière aléatoire ou défilante

[Threax]

Créer une bannière aléatoire ou défilante

Ce tutoriel va vous expliquer comment créer une bannière aléatoire, c'est-à-dire une bannière qui change à chaque actualisation et à chaque changement de page. Ce tutoriel vous expliquera aussi comment créer une bannière défilante, c'est-à-dire une bannière dont les images défilent les unes après les autres. Mise en place Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript Assurez-vous que la gestion des codes Javascript est activée, puis créez un nouveau javascript ayant pour titre "Bannière aléatoire" et pour placement "Toutes les pages". Pour une bannière aléatoire, insérez-y le code suivant : Code: $(function() {   var a = [     "https://adresse1",     "https://adresse2",     "https://adresse3",   ];   $("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)]) }); Pour une bannière défilante, insérez-y ce script : Code: $(function() {   var duration = 7;   var a = [     "https://adresse1",     "https://adresse2",     "https://adresse3",   ];   b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,duration*1000); }); Personnalisation Pour modifier les adresses des images, vous devez modifier chacune des lignes de la variable a (vous pouvez en ajouter ou en retirer), en veillant à conserver les guillemets et la virgule en fin de ligne. Pour modifier le temps de chaque bannière dans le cas d'une bannière défilante, vous devez modifier la variable duration, c'est à dire le chiffre 7 (en secondes).

Ce tutoriel a été rédigé par le Staff du Forum des Forums, Et en particulier par Walt. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.