Recherche code bannière aléatoire et cliquable

2 participants

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

Résolu Recherche code bannière aléatoire et cliquable

Message par loulou69 Lun 14 Mai 2012 - 8:24

Bonjour à tous !

J'ai cherché sur de nombreux sujets un code pour pouvoir mettre des bannières en format aléatoires et que celles-ci puissent êtres cliquable afin de rediriger sur le site en question.

A ce jour, je n'ai rien trouvé de concret.

Je souhaiterai mettre ces bannières en annonce et dans un widjet.

Je vous remercie pour votre aide.

Adrien.

avatar

loulou69
**

Masculin
Messages : 98
Inscrit(e) le : 23/01/2011

https://forum.forumactif.com
loulou69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code bannière aléatoire et cliquable

Message par loulou69 Mar 15 Mai 2012 - 22:05

Up, merci pour votre aide.

Adrien.
avatar

loulou69
**

Masculin
Messages : 98
Inscrit(e) le : 23/01/2011

https://forum.forumactif.com
loulou69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code bannière aléatoire et cliquable

Message par Ea Mar 15 Mai 2012 - 22:50

Bonjour,


Si par bannière vous voulez dire image avec un lien, en mettant ce html :

Code:
<span class="aleat">
  <a href="http://forum.forumactif.com/t311791-gestion-des-codes-javascript"><img src="http://2img.net/i/fa/i/smiles/icon_santa.png" /></a>
  <img src="http://2img.net/i/fa/i/smiles/icon_farao.png" />
  <a href="aaa"><img src="http://2img.net/i/fa/i/smiles/icon_monkey.png"></a>
</span>
Et ce code javascript sur les pages où vous voulez que ça fonctionne ( cf ceci pour comment faire ) :

Code:
$(function(){$('.aleat').each(function(){$(this).replaceWith($(this).children().eq(Math.floor($(this).children().length*Math.random())))})});
Cela sélectionnera un des éléments dans le class="alea" au hasard.

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code bannière aléatoire et cliquable

Message par loulou69 Mar 15 Mai 2012 - 23:03

Merci pour cette réponse mais les images de défilent pas l'une après l'autre.

Le javascript ne semble avoir aucun effet.

Adrien.
avatar

loulou69
**

Masculin
Messages : 98
Inscrit(e) le : 23/01/2011

https://forum.forumactif.com
loulou69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code bannière aléatoire et cliquable

Message par Ea Mar 15 Mai 2012 - 23:13

Vous l'avez inclus sur quels pages le javascript ? Et vous avez bien activé la fonction ?

Car je ne le vois inclus nulle part.


Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code bannière aléatoire et cliquable

Message par loulou69 Mar 15 Mai 2012 - 23:27

Erreur de ma part.

Tous marche comme souhaité !

Je vous remercie pour votre temps et votre aide.

Adrien.
avatar

loulou69
**

Masculin
Messages : 98
Inscrit(e) le : 23/01/2011

https://forum.forumactif.com
loulou69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche code bannière aléatoire et cliquable

Message par Ea Mar 15 Mai 2012 - 23:35

Ok =)

Sinon le code en commenté donne :

Code:
/* après le chargement de la page */
$(function() {
  /* prendre tout les éléments avec la classe .aleat  et exécuter la fonction qui suit pour chacun d'eux */
  $(".aleat").each(function() {
    /* remplacer l'élément courant par */
    $(this).replaceWith(
      /* l'élément enfant numéro */
      $(this).children().eq(
        /* numéro d'enfant aléatoire */
        Math.floor($(this).children().length * Math.random())
      )
    )
  })
});
Enfin donc le <balise class="aleat">...</balise> est remplacé par un élément enfant aléatoirement après l'affichage de la page, donc ça serait probablement bien d'ajouter ce css également :

Code:
.aleat { display: none; }
( pour que le tout soit caché jusqu'à ce que le remplacement soit effectué ( si la page est très grande ou la connexion internet très lente, ça peut prendre quelque secondes ) )

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea 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