AccueilRechercherS'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 du moment : -37%
Montre connectée HONOR Band 5 Sport
Voir le deal
16.99 €

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

    Margii
    Margii
    FémininAge : 22Messages : 84

    le Dim 15 Mai 2011 - 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 2011 - 14:44, édité 1 fois
    Agartheus
    Agartheus
    MasculinAge : 35Messages : 11

    le Lun 22 Juin 2020 - 13:26

    merci Wink

      La date/heure actuelle est Sam 11 Juil 2020 - 7:00