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. Condition à remplir : ► Être administrateur. Mise en place : Panneau d'administration ► Modules ► HTML & JAVASCRIPT - Gestion des codes Javascript ► Créer un nouveau javascript Paramètrez les champs ainsi : Titre : bannière aléatoire Placement : Sur toutes les pages Ensuite il faudra mettre dans la zone de script, ce script si vous voulez une bannière aléatoire sans défilement : Code: $(function() {   var a = ["http://adresse_image_1", "http://adresse_image_2", "http://adresse_image_3"];   $("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)]) }); Et ce script si vous voulez un défilement toutes les 7 secondes : Code: $(function() {   var a = ["http://adresse_image_1", "http://adresse_image_2", "http://adresse_image_3"];       b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,7*1000); }); ( il faut changer le 7 pour changer le nombre de seconde ) Pour modifier les images il faut modifier la ligne "var b" en changeant le tableau et gardant une structure ["http://...","http://...","http://..."]. Si vous avez tout bien fait, vous avez fini votre bannière aléatoire ! Ce tuto peut être un peu complexe, alors n'hésitez pas en cas de problèmes à poster sur le forum.

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