Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Bannières aléatoires sous modernbb

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bannières aléatoires sous modernbb

Message par Melodiam Ven 25 Jan 2019 - 15:11

Détails techniques


Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://funkytown-bakemono.forumactif.com

Description du problème

Bonjour ! Very Happy

J'aimerais savoir s'il est possible de mettre plusieurs images pour la bannière, qui changeraient selon la page etc.

J'avais trouvé un code via ce sujet : cliquez

Or il ne fonctionne pas...

MERCI BEAUCOUP!
Melodiam

Melodiam
****

Messages : 332
Inscrit(e) le : 16/04/2012

Voir le profil de l'utilisateur http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannières aléatoires sous modernbb

Message par Melodiam Dim 27 Jan 2019 - 13:58

Up ! Smile
Melodiam

Melodiam
****

Messages : 332
Inscrit(e) le : 16/04/2012

Voir le profil de l'utilisateur http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannières aléatoires sous modernbb

Message par MasDan Lun 28 Jan 2019 - 2:42

Bonjour Melodiam,

Essayer ce javascript (placement sur toutes les pages).
Code:
"use strict";
/*---------------------*
 | Forum    | Version |
 |-----------|---------|
 | phpBB2    |    0    |
 | phpBB3    |    1    |
 | punBB    |    2    |
 | Invision  |    3    |
 | ModernBB  |    4    |
 | AwesomeBB |    5    |
 *---------------------*/
let version = 4;
let tabImg = new Array(" url image 1 ",
                      " url image 2 ",
                      " url image 3 ",
                      " url dernière image");
$(function() {
  switch(version) {
    case 0:
      $("#i_logo").attr("src", tabImg[ Math.floor(Math.random() * tabImg.length) ]);
      break;
    case 1:
    case 3:
      $("#logo img").attr("src", tabImg[ Math.floor(Math.random() * tabImg.length) ]);   
      break;
    case 2:
      $("#pun-logo img").attr("src", tabImg[ Math.floor(Math.random() * tabImg.length) ]);
      break;
    case 4:
      $(".headerbar").css("background-image", "url(" + tabImg[ Math.floor(Math.random() * tabImg.length) ] + ")"); 
      break;
    case 5:
      $("#header-banner").css("background-image", "url(" + tabImg[ Math.floor(Math.random() * tabImg.length) ] + ")"); 
      break;
  }
});
Il ne manque que l'ajout de vos images (lignes 13 à 16).

Idéalement, supprimer l'image à votre PA. (Évite de voir apparaître l'image à votre PA le temps que le JS soit exécuté).
MasDan

MasDan
Aidactif
Aidactif

Masculin
Messages : 1521
Inscrit(e) le : 24/05/2011

Voir le profil de l'utilisateur http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannières aléatoires sous modernbb

Message par Melodiam Lun 28 Jan 2019 - 11:41

Bonjour !!!


Merci pour le code - il fonctionne, les images sont bien aléatoires, en revanche elles se répètent : https://i.goopics.net/28WlK.png et ne s'affichent pas entièrement - enfin elles sont à moitié rongées ahah

Faut-il un css pour régler cela ?

merci encore ! Smile
Melodiam

Melodiam
****

Messages : 332
Inscrit(e) le : 16/04/2012

Voir le profil de l'utilisateur http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannières aléatoires sous modernbb

Message par MasDan Mar 29 Jan 2019 - 4:08

Bonjour Melodiam,

Voici une nouvelle version pour éviter d'afficher consécutivement deux fois la même image.
Code:
"use strict";
/*---------------------*
 | Forum    | Version |
 |-----------|---------|
 | phpBB2    |    0    |
 | phpBB3    |    1    |
 | punBB    |    2    |
 | Invision  |    3    |
 | ModernBB  |    4    |
 | AwesomeBB |    5    |
 *---------------------*/
let version = 4;
let tabImg = new Array(" url image 1 ",
                      " url image 2 ",
                      " url image 3 ",
                      " url dernière image");
let img = sessionStorage.getItem("urlImg");
let neoImg = "";
do{
  neoImg = tabImg[Math.floor(Math.random() * tabImg.length)];
} while (img == neoImg);
sessionStorage.setItem("urlImg", neoImg);

$(function() {
  switch(version) {
    case 0:
      $("#i_logo").attr("src", neoImg);
      break;
    case 1:
    case 3:
      $("#logo img").attr("src", neoImg);   
      break;
    case 2:
      $("#pun-logo img").attr("src", neoImg);
      break;
    case 4:
      $(".headerbar").css("background-image", "url(" + neoImg + ")"); 
      break;
    case 5:
      $("#header-banner").css("background-image", "url(" + neoImg + ")"); 
      break;
  }
});

1) Ajouter les liens de vos images aux lignes 13 à 16.
2) Remplacer à la ligne 37 .headerbar par a#logo (raison: template modifié).

Bien que remarqué, j'ai oublié d'indiquer la modification (réf #2) pour cause de template modifié. Désolé de l'oubli.
MasDan

MasDan
Aidactif
Aidactif

Masculin
Messages : 1521
Inscrit(e) le : 24/05/2011

Voir le profil de l'utilisateur http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannières aléatoires sous modernbb

Message par Melodiam Jeu 31 Jan 2019 - 15:52

MERCI BEAUCOUP !!!
C'est top Very Happy
Melodiam

Melodiam
****

Messages : 332
Inscrit(e) le : 16/04/2012

Voir le profil de l'utilisateur http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum