Profiter de plusieurs bannières (ou bannières aléatoires)

Salut les membres :) !

Aujourd'hui je vous propose d'installer sur votre forum un système permettant d'avoir plusieurs bannières, changeantes à chaque page que vous visitez (et en actualisant les pages bien sûr).

Tout d'abord rendez-vous dans votre panneau d'administration puis dans la gestion des images.
(Panneau Ad. > Affichage > Gestion des images > Mode avancé)
Vous placerez la première bannière que vous aurez faite dans 'logo du forum'.

Ensuite, rendez-vous dans la gestion des pages HTML.
(Panneau Ad. > Module > Gestion des javascripts -tout en bas-)
Assurez-vous d'avoir activé vos javascript.
Créez un nouveau javascript et mettez-y comme titre 'Bannière Aléatoire'. Choisissez le placement "Sur toutes les pages".
Ensuite collez-y ce code :

Code:

$(function(){

  var banner = new Array();

  banner[0] = "URL IMAGE 1";
  banner[1] = "URL IMAGE 2";

  $("#pun-logo img,#i_logo,#logo img").attr('src', banner[Math.floor(Math.random()*banner.length)]);
});

L'url de l'image de "banner" 0 devra être celle de votre première bannière. Quant à l'url de "banner" 1, elle devra être votre deuxième bannière. Personnellement je vous conseil de faire les bannières de la même tailles, comme montrées dans l'exemple.

Vous pouvez bien sûr rajouter des bannières, il vous suffit de copier ce code :

Code:

banner[X] = "URL IMAGE";

En remplaçant X par le numéro de la bannière moins 1. Donc le X sera 2 pour la troisième bannière, le X sera 3 pour la quatrième bannière et ainsi de suite.

Vous pouvez bien entendu placer autant de bannières que vous voulez ! Vous pourrez bien entendu modifier les URLs comme bon vous semble. Enregistrez votre javascript et ce sera bon !

Si vous avez des questions, n'hésitez-pas ^^

Salut ça aurait put être intéressant mais... pour moi la bannière ne change pas en actualisant :/

Ah bon ? Avec quel hébergeur as-tu hébergé tes bannières s'il te plaît ? ^^

Je pense qu'elle parlais de ton forum test en fait^^ car pour moi aussi cela ne change pas malgré les actualisations...

non je veux dire... ton exemple ne marche pas chez moi ^^' j'ai pas encore essayé sur l'un de mes forum mais il n'y a qu'une bannière pour moi d'affichée a chaque fois sur ton forum exemple :/
celle là : https://i.servimg.com/u/f23/16/13/58/98/bannia10.jpg


Edit : tu m'as devancé du coup sparrow X3

Ah o_o
J'ai testé sous Mozilla ça marche parfaitement.
Je change l'emplacement du script et teste sous Safari, j'édite !

Edit : Sur Safari et Mozilla ça marche. Dites moi ce qu'il en est pour vous.

là ça marche ^^ merci pour l'astuce

Ca fonctionne pour moi également^^ Merci beaucoup pour cette astuce !

J'ai compris d'où venait le problème, merci de m'en avoir informée, j'edit le premier post pour ne pas induire les autres en erreur. Ravie de l'avoir proposée ^^ !

sympa le tuto =)

le problème que tu as résolu en déplaçant le code, tu ne pourrais pas le résoudre en faisant lancer la fonction lorsque tous les éléments son créés (onload) ? ce qui marcherais à coup sur, même si l'utilisateur à une mauvaise connexion ? (si j'ai bien compris d'où venais le problème vu que j'ai lu les post en vitesse)

en tout cas bon tuto, continu comme ça ^^

En fait il semble que le problème c'est que je me suis trompée en écrivant le tutoriel : Il n'est pas possible de mettre le script dans la page d'accueil, j'ai donc corrigé. Cependant je ne sais pas comment faire pour ce que tu me proposes ><. Il semblerait que le script dans la descrip' du forum soit la meilleure solution :/.

ok, c'était juste une proposition comme ça ^^

Ok merci :)
Si je trouve le moyen de le faire j'éditerai !

Oh super merci j'vais essayer ça tout de suite, par contre entre chaque chargement on remarque une bannière qui elle ne change pas, c'est fait exprès? Si c'est le cas, tu pourrait me dire laquelle ca affiche ce serait pratique pour faire une image de chargement par exemple ^___^

Merci :)

Kazuya a écrit:Oh super merci j'vais essayer ça tout de suite, par contre entre chaque chargement on remarque une bannière qui elle ne change pas, c'est fait exprès? Si c'est le cas, tu pourrait me dire laquelle ca affiche ce serait pratique pour faire une image de chargement par exemple ^___^

J'ai mis en gras ce que je n'ai pas exactement compris dans ton message.
Tu veux dire qu'il y a deux bannières sur la même page ? Personnellement sur Mozilla, Au chargement de la page une bannière en particulier (choisie aléatoirement) s'affiche mais c'est tout :3.

Tout est fait aléatoirement donc je sais pas trop de quoi tu parles :/.

Merciiiii infiniment :respect:

Bonjour ! Super tuto ! Bon en revanche, il existe un code pour que la bannière soit centrée, ne s'affiche pas en plusieurs fois etc ... Chez moi, le tout apparait derrière ma bannière de base, en mosaïque ! Quelqu'un connait-il le code par hasard ?

Strawberry-Swan a écrit:Bonjour ! Super tuto ! Bon en revanche, il existe un code pour que la bannière soit centrée, ne s'affiche pas en plusieurs fois etc ... Chez moi, le tout apparait derrière ma bannière de base, en mosaïque ! Quelqu'un connait-il le code par hasard ?

Alors là, je n'en sais strictement rien, désolée.
Tu utilises un code pour centrer ta bannière ?

Très bon tuto mais est-ce possible de faire en sorte que les bannières ne soient pas aléatoires??
Parce que je fais un forum sur des séries et j'aimerais avoir pour la catégorie Vampire Diaries par exemple, avoir une bannière sur la série mais que j'aurais beau actualiser elle reste la meme. Mais que quand je vais sur la catégorie Smallville se soit une bannière sur Smaville.
Est-ce possible

Je me permet de remonté se sujet pour vous donner un nouveaux code qui marche a merveille

si j'ai le droit
Voici ou il faut allez

Panneau d'administration
► Modules
► HTML & JAVASCRIPT - Gestion des codes Javascript
► Créer un nouveau javascript

Titre : bannière aléatoire
Placement : Sur toutes les pages

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);
       
        });

Voila pour changer le nombre seconde du defilement de l'image

Il faut mettre des image dans http://adresse_image_1 - http://adresse_image_2 ect

et faut changée le al(b,7*1000); le 7

Attendais se n'est pas fini

enregistrée et regarde le numero de la page

genre 12500.js

Ouvrez le bloc note de votre ordinateur

copier le numero collez le sur le bloc note

copier la phrase suivante et mettez le numéro de la page juste après src=/

ici>

ok prenez la phrase avec le numero de la page allez dans Général => configuration et collez la phrase dans descriptions du site enregistrer

et voila le tour et jouez toutes les 7 seconde vous aurez une nouvel image

j'ai une question, moi mes banniére sont de grande banniére qui font fond aussi
mais là avec le code que je viens de testé, ça m'agrandie le reste du forum
es qu'il y aurait un code pour modifié cela??
merci

je ne pense pas qu'il y a de code rapide

mais se que tu peut faire c'est que tu prend l'image de banniere que tu reressie avec un logiciel et la banniere de fond tu la laisse comme elle et la

Merci beaucoup pour ce tuto

Merci