AccueilDernières imagesRechercherS'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.

Le deal à ne pas rater :
Coffret dresseur d’élite ETB Pokémon EV06 Mascarade Crépusculaire
56.90 €
Voir le deal

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

    Margii
    Margii
    FémininAge : 26Messages : 84

    Dim 15 Mai 2011 - 12:19



    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 2011 - 14:44, édité 1 fois
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Dim 15 Mai 2011 - 13:00

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

    Dim 15 Mai 2011 - 13:07

    Ah bon ? Avec quel hébergeur as-tu hébergé tes bannières s'il te plaît ? ^^
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Dim 15 Mai 2011 - 13:10

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



    sign
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Dim 15 Mai 2011 - 13:11

    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
    Margii
    Margii
    FémininAge : 26Messages : 84

    Dim 15 Mai 2011 - 13:15

    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. Wink
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Dim 15 Mai 2011 - 13:43

    là ça marche ^^ merci pour l'astuce Wink
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Dim 15 Mai 2011 - 14:09

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



    sign
    Margii
    Margii
    FémininAge : 26Messages : 84

    Dim 15 Mai 2011 - 14:43

    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 ^^ !
    vic_le_faucheur
    vic_le_faucheur
    MasculinAge : 29Messages : 764

    Mer 18 Mai 2011 - 14:33

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

    Margii
    Margii
    FémininAge : 26Messages : 84

    Mer 18 Mai 2011 - 22:08

    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 :/.
    vic_le_faucheur
    vic_le_faucheur
    MasculinAge : 29Messages : 764

    Jeu 19 Mai 2011 - 17:41

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

    Margii
    Margii
    FémininAge : 26Messages : 84

    Jeu 19 Mai 2011 - 18:04

    Ok merci :)
    Si je trouve le moyen de le faire j'éditerai !
    Kazuya
    Kazuya
    MasculinAge : 31Messages : 1499

    Jeu 19 Mai 2011 - 18:10

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



    Profiter de plusieurs bannières (ou bannières aléatoires) CKMiDeikSo
    Daddoo
    Daddoo
    FémininAge : 33Messages : 23

    Mer 1 Juin 2011 - 23:18

    Merci :)
    Margii
    Margii
    FémininAge : 26Messages : 84

    Sam 25 Juin 2011 - 17:17

    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 :/.
    Sharky
    Sharky
    FémininAge : 31Messages : 16

    Jeu 18 Aoû 2011 - 22:42

    Merciiiii infiniment :respect:
    Strawberry-Swan
    Strawberry-Swan
    FémininAge : 32Messages : 195

    Ven 2 Sep 2011 - 20:46

    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 ?



      Margii
      Margii
      FémininAge : 26Messages : 84

      Mer 21 Sep 2011 - 21:31

      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 ?
      kyralove
      kyralove
      FémininAge : 30Messages : 58

      Lun 6 Fév 2012 - 17:41

      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
      titou9322
      titou9322
      MasculinAge : 28Messages : 158

      Mar 14 Fév 2012 - 1:30

      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





      poussette59
      poussette59
      FémininAge : 39Messages : 178

      Jeu 16 Fév 2012 - 15:57

      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
      titou9322
      titou9322
      MasculinAge : 28Messages : 158

      Sam 18 Fév 2012 - 14:59

      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
      InfiniKey
      InfiniKey
      FémininAge : 37Messages : 58

      Lun 19 Mar 2012 - 17:45

      Merci beaucoup pour ce tuto
      nuanciel
      nuanciel
      FémininAge : 32Messages : 139

      Dim 3 Juin 2012 - 18:09

      Merci :love:
      Contenu sponsorisé


        La date/heure actuelle est Jeu 28 Mar 2024 - 9:20