AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


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

    Partagez
    avatar
    Margii
    FémininAge : 19Messages : 84

    le Dim 15 Mai - 12:19

    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 de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^


    Dernière édition par Margii le Dim 15 Mai - 14:44, édité 1 fois
    avatar
    Caliel
    MasculinAge : 28Messages : 98

    le Mar 14 Aoû - 15:15

    Merci !



    avatar
    Nyan-cat
    FémininAge : 18Messages : 326

    le Mar 4 Sep - 13:45

    mici 83



    avatar
    Alexis06
    MasculinAge : 26Messages : 24

    le Lun 22 Oct - 1:13

    Merci
    avatar
    Missa
    FémininAge : 20Messages : 54

    le Lun 5 Nov - 11:50

    Bonjour,

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

    Une solution ? Merci !



    avatar
    CapriceK
    FémininAge : 25Messages : 254

    le Lun 26 Nov - 11:55

    MErci pour ce tuto très pratique!
    avatar
    pinote20e4
    FémininAge : 24Messages : 66

    le Lun 24 Déc - 1:30

    Merci beaucoup pour ce tuto' super pratique!
    J'adore!
    avatar
    Rosalie Hale
    FémininAge : 23Messages : 185

    le Lun 11 Fév - 20:14

    merci du partage :)
    avatar
    Ariale A.Omiko
    FémininAge : 27Messages : 75

    le Jeu 21 Mar - 18:48

    Merci =)
    avatar
    katia06
    FémininAge : 47Messages : 199

    le Lun 15 Avr - 8:48

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



    avatar
    Baka Kitsune Maaka
    FémininAge : 24Messages : 22

    le Jeu 8 Aoû - 22:16

    Merci beaucoup Wink



    avatar
    FeliceFelicis
    FémininAge : 26Messages : 87

    le Mer 20 Nov - 19:52

    Ç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 ! :)
    avatar
    Isalia
    FémininAge : 20Messages : 121

    le Ven 22 Nov - 19:16

    C'est génial ♥ Merci <3
    avatar
    Neva
    FémininAge : 25Messages : 18562

    le Ven 22 Nov - 21:54

    @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 : http://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 :)



     
    avatar
    CaraDelevngnie
    FémininAge : 17Messages : 320

    le Sam 11 Jan - 12:37

    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 Wink



    avatar
    Loukoum
    FémininAge : 23Messages : 814

    le Lun 16 Juin - 21:14

    Merci du tuto!
    avatar
    laura31500
    FémininAge : 15Messages : 49

    le Mar 17 Juin - 18:11

    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 !
    avatar
    Zeroo
    FémininAge : 22Messages : 76

    le Jeu 2 Oct - 21:35

    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
    avatar
    Onyx
    FémininAge : 23Messages : 2882

    le Dim 2 Oct - 1:42

    Salut!

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



    avatar
    Kelalin
    FémininAge : 24Messages : 1476

    le Dim 2 Oct - 1:47

    Merci pour le partage !
    avatar
    Detlef Ivarson
    FémininAge : 26Messages : 12

    le Jeu 6 Avr - 17:09

    Merci beaucoup pour ce partage ! Malheureusement, il ne fonctionne pas chez moi. :/
    avatar
    Onyx
    FémininAge : 23Messages : 2882

    le Jeu 6 Avr - 17:22

    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 Wink



    avatar
    Detlef Ivarson
    FémininAge : 26Messages : 12

    le Ven 7 Avr - 20:34

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


      La date/heure actuelle est Dim 30 Avr - 13:03