Espace publicitaire "mobile" - Bannière aléatoire !

2 participants

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

Résolu Espace publicitaire "mobile" - Bannière aléatoire !

Message par adrien_69 Jeu 20 Juin 2019 - 10:16

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.passionlachasse.com

Description du problème

Bonjour,

J'aimerais mettre un affichage de plusieurs bannière aléatoire sur cette zone, mais je n'arrive pas à coder le code !

J'utilisais ce code là avec une bannière :

Code:
<div style="text-align: center;"><a
 href="https://www.verney-carron.com/le-catalogue" target="_blank"><img
 style="border: 0px solid ; width: 290px; height: 75px;" alt=""
 src="http://passionlachasse.free.fr/passionlachasse.com/mobile/bfm.jpg">
</a>
</div>

J'aimerais un affichage aléatoire à chaque actualisation et un lien différent sur chaque bannière ! Possible ? Very Happy

Merci.

Cordialement, Adrien.


Dernière édition par adrien_69 le Jeu 20 Juin 2019 - 18:02, édité 1 fois
avatar

adrien_69
****

Masculin
Messages : 414
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace publicitaire "mobile" - Bannière aléatoire !

Message par Neptunia Jeu 20 Juin 2019 - 11:42

Bonjour ^^


Je me suis inspirée de cette astuce !
Tuto Bannière aléatoire ou défilante

Là où les bannières doivent apparaître, placer le code suivant :
Code:
<div id="nep_adv" style="text-align: center;"></div>

Ensuite, il suffit d'ajouter un script.
Right PA > Modules > HTML et javascript > Gestion des codes javascript

S'assurer que la gestion des codes javascript soit activée puis créer un nouveau javascript

Titre : Publicités aléatoires (par exemple)
adrien_69 a écrit:J'aimerais mettre un affichage de plusieurs bannière aléatoire sur cette zone, mais je n'arrive pas à coder le code !
Placement : Sur cette zone que vous avez omis de délimiter
Code :
Code:
$(function() {
  var banners = [
    '<a href="https://www.verney-carron.com/le-catalogue" target="_blank"><img style="border: 0px solid ; width: 320px; height: 50px;" alt="" src="http://passionlachasse.free.fr/passionlachasse.com/mobile/bfm.jpg" /></a>',
    '<a href="https://forum.forumactif.com" target="_blank"><img style="border: 0px solid ; width: 216px; height: 50px;" alt="" src="https://nsa40.casimages.com/img/2019/04/29/190429120521455906.png" /></a>',
  ];
 
  $("#nep_adv").html(banners[Math.floor(Math.random() * banners.length)])
});

Une bannière par ligne et se conformer aux deux modèles des lignes 3 et 4 du code pour en ajouter d'autres.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace publicitaire "mobile" - Bannière aléatoire !

Message par adrien_69 Jeu 20 Juin 2019 - 17:26

Parfait cela fonctionne, merci beaucoup ! Avant que je mette le sujet en résolu… Petite question ?

Sur cette zone que vous avez omis de délimiter

C'est à dire ? je ne comprends pas ?
avatar

adrien_69
****

Masculin
Messages : 414
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace publicitaire "mobile" - Bannière aléatoire !

Message par Neptunia Jeu 20 Juin 2019 - 17:56

Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace publicitaire "mobile" - Bannière aléatoire !

Message par adrien_69 Jeu 20 Juin 2019 - 18:02

J'ai compris ! Embarassed

Merci pour tout !
avatar

adrien_69
****

Masculin
Messages : 414
Inscrit(e) le : 09/02/2005

http://www.passionlachasse.com
adrien_69 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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