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

Rappel du premier message :



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 ^^

Merci !

mici 83

Merci

Bonjour,

Mon code marchais mais quand j'ai changé les images, les bannières aléatoires ne s'affichent plus :/

Une solution ? Merci !

MErci pour ce tuto très pratique!

Merci beaucoup pour ce tuto' super pratique!
J'adore!

merci du partage :)

Merci =)

merci, j'ai voulu voir le test sur ton forum, mais ça marche pas, je suis sur mozilla pourtant

Merci beaucoup

Ça aurait été un code géniale et facile (les deux offerts) si je n'avais pas eu une bannière de fond... Avec ces deux codes ma bannière de fond 1) reste en place et 2) les autres s'ajoute tout croche dessus...

Enfin, si quelqu'un à la solution a offrir pour ce genre de situation, je suis prenneuse, sinon, bon travail les gens et merci ! :)

C'est génial ♥ Merci <3

FeliceFelicis a écrit:Ça aurait été un code géniale et facile (les deux offerts) si je n'avais pas eu une bannière de fond...  Avec ces deux codes ma bannière de fond 1) reste en place et 2) les autres s'ajoute tout croche dessus...

Enfin, si quelqu'un à la solution a offrir pour ce genre de situation, je suis prenneuse, sinon, bon travail les gens et merci ! :)

Salut !

Pour les questions, c'est par ici : https://www.never-utopia.com/f52-avec-un-tutoriel
Pense à lire les règles, tu y as la liste des éléments à fournir pour qu'on puisse t'aider :)

Hello ^_^
Merci beaucoup pour ce code qui me sera d'une grande utilité !
Par contre, je n'ai pas bien compris où placer le script, quelqu'un peut me dire s'il vous plaît ? :3
Encore merci

Merci du tuto!

J'ai une petite question s'il te plait ^-^ou on doit mettre le dernier code ? je débute et je n'ai pas compris ça :) merci !

Peut être que l'exemple date, mais que ce soit sur Safari ou sur Mozilla, j'ai beau actualisé, la bannière de l'exemple reste la même ... J'ai remarqué que le problème avait déjà été signalé aux débuts de ce tutoriel, que cela avait été corrigé...
Mais chez moi le problème est revenu. Suis-je la seule ? =o

Salut!

Le code a été mis à jour, il devrait normalement fonctionner

Merci pour le partage !

Merci beaucoup pour ce partage ! Malheureusement, il ne fonctionne pas chez moi. :/

Salut!

Oui pardon, le code a été modifié récemment et il y avait une petite erreur, cela a été modifié et cela devrait fonctionner maintenant

Effectivement, cela fonctionne maintenant. Merci beaucoup !! \0/

Bonsoir et merci pour cette astuce.

Petite question néanmoins, svp: est-ce possible d'adapter ce code à des bannières que l'on aurait placé via un code CSS pour que celui-ci puisse apparaître derrière l'emplacement du "logo du forum" et ainsi prendre la totalité de la largeur du fow sans déformer la largeur des catégories? (je sais pas si c'est assez clair x))

Salut merci du partage, je me demandais s'il était possible de savoir comment mettre les bannières centrés svp.

Merci !