banniere aléatoire

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

Résolu banniere aléatoire

Message par sardonnen le Mar 11 Fév 2014 - 16:02

bonjour,

je viens d'essayer de mettre un scrip dans la partie javascript pour gérer le défilement aléatoire de bandeau publicitaire mais il ne se passe rien, pouvez vous m'aider ?

Code:

var links = new Array();
links[0]='http://www.hynedi.com/Redirect.asp?AccID=16585&AdCampaignID=24235';
links[1]='http://vieilles.soupapes.free.fr/images/Bach_alu.png';

var images = new Array();
images[0]='http://www.hynedi.com/Files/16585/Img/17/pub_forum.jpg';
images[1]='http://www.chargeur-frontal-plus.fr';

var timers = new Array();
timers[0]=10;
timers[1]=2;

function banniere(){
/*Le nombre de bannière est égal à la taille du tableau links*/
nbBanniere = links.length;
/*On choisis de manière aléatoire le numéro de la bannière à afficher*/
var numero = Math.floor(Math.random()*nbBanniere);
/*On affiche la bannière*/
var contenu = '<a href="'+links[numero]+'"><img src="'+images[numero]+'" alt="'+images[numero]+'"/></a>';

/* On arrete l'ancien timer et on relance le nouveau */
window.clearInterval(timer);
timer=window.setInterval("rotation()", timers[numero]*1000); /* fois 1000 pour avoir des secondes */
return contenu+'<br/><a href="http://www.tutorielsenfolie.com">site de turoriel</a>';
}

j'ai mis un titre à mon code : bannières aléatoires
placement : sur toutes les pages

merci

a+, sardonnen

sardonnen
**

Messages : 63
Inscrit(e) le : 24/10/2007

http://vieilles-soupapes.grafbb.com
sardonnen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banniere aléatoire

Message par sardonnen le Jeu 13 Fév 2014 - 15:33

bonjour,

personne n'a de réponse ou n'effectue de la diffusion de bannière de pub ??

a+, sardonnen

sardonnen
**

Messages : 63
Inscrit(e) le : 24/10/2007

http://vieilles-soupapes.grafbb.com
sardonnen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banniere aléatoire

Message par Adam_sfp le Jeu 13 Fév 2014 - 15:37

Bonjour

C'est pour mettre à quel endroit sur votre forum?

Cdt.


*Vous pouvez essayez ce code à mettre en page d'accueil par exemple
Code:
    <script type="text/javascript">
var images = [],
index = 0;

images[0] = "<a href = 'http://www.hynedi.com/Redirect.asp?AccID=16585&AdCampaignID=24235'><img src='http://www.hynedi.com/Files/16585/Img/17/pub_forum.jpg' alt='Visit '></a>";
images[1] = "<a href = 'http://www.chargeur-frontal-plus.fr'><img src='http://vieilles.soupapes.free.fr/images/Bach_alu.png' alt='Computer History'></a>";



index = Math.floor(Math.random() * images.length);
document.write(images[index]);

</script>

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banniere aléatoire

Message par sardonnen le Jeu 13 Fév 2014 - 15:48

bonjour,

merci pour votre réponse.

je souhaiterais poster cela au milieu de ma page d'accueil, avec des rubriques au dessus et d'autres en dessous.

comment devrais je m'y prendre ?

a+, sardonnen

sardonnen
**

Messages : 63
Inscrit(e) le : 24/10/2007

http://vieilles-soupapes.grafbb.com
sardonnen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banniere aléatoire

Message par sardonnen le Jeu 13 Fév 2014 - 16:30

bonjour,

le résultat me convient et je peux le poster dans la description d'un forum, ce qui me permet de le placer là ou je le souhaite.

Ext ce que vous savez comment je peux faire pour faire défiler les pubs avec un timer ? (type setInterval sans doute???)

merci en tous les cas je touche presque le but!!!
a+, sardonnen

sardonnen
**

Messages : 63
Inscrit(e) le : 24/10/2007

http://vieilles-soupapes.grafbb.com
sardonnen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banniere aléatoire

Message par sardonnen le Jeu 13 Fév 2014 - 16:56

j'ai essayé ce code

Code:

<script type="text/javascript">
function bannieres(){
 var images = [],
 index = 0;
       
 images[0] = "<a href = 'http://www.hynedi.com/Redirect.asp?AccID=16585&AdCampaignID=24235'><img src='http://www.hynedi.com/Files/16585/Img/17/pub_forum.jpg' alt='Visit '></a>";
 images[1] = "<a href = 'http://www.chargeur-frontal-plus.fr'><img src='http://vieilles.soupapes.free.fr/images/Bach_alu.png' alt='Computer History'></a>";
 images[2] = "<a href='http://www.edel.fr' target='EDEL' title='EDEL, le spécialiste de l'embrayage'> <img style='width: 790px;' src='http://vieilles.soupapes.free.fr/images/EDEL.jpg' border='0' /> </a>";
  images[3] = "<a href='http://www.pieces-tracteur.fr' target='Sébastien pièces' title='Sébastien pièces'> <img style='width: 790px;' src='http://vieilles.soupapes.free.fr/images/pieces tracteur.png' border='0' /> </a>";

       
 index = Math.floor(Math.random() * images.length);
 document.write(images[index]);
}

var affiche = setInterval('bannieres()',1000);
</script>

mais avec ça j'ai le forum qui disparait et juste le bandeau de pub qui reste à l'écran  Confused 

je pense que je ne dois pas en etre tres loin... si quelqu'un avait l'astuce qui me manque

a+, sardonnen

sardonnen
**

Messages : 63
Inscrit(e) le : 24/10/2007

http://vieilles-soupapes.grafbb.com
sardonnen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banniere aléatoire

Message par sardonnen le Ven 14 Fév 2014 - 9:50

bonjour,

est ce quelqu'un aurait une piste à me donner ?

merci
a+, sardonnen

sardonnen
**

Messages : 63
Inscrit(e) le : 24/10/2007

http://vieilles-soupapes.grafbb.com
sardonnen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banniere aléatoire

Message par Adam_sfp le Ven 14 Fév 2014 - 14:34

Bonjour

Il y a des erreurs dans votre code....
C'est un code pour bannière aléatoire...
Ce n'est pas tout à fait pareil pour faire défiler des images ou bannière...

le mieux faites une recherche via google en tapant par exemple
banner rotator javascript ou slide Jquery..

Si vous trouvez quelque chose qui vous plait et que vous n'arrivez pas à faire fonctionner on essayera de vous donner un coup de main...

Cdt.

*pensez à la fonction editer ;-)

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banniere aléatoire

Message par sardonnen le Ven 14 Fév 2014 - 15:14

bonjour,

merci

ok je vais chercher avec ça et je viendrais poster ma trouvaille pour permettre à d'autre d'en profiter. Je laisse le post ouvert encore pour le moemnt

a+, sardonnen

sardonnen
**

Messages : 63
Inscrit(e) le : 24/10/2007

http://vieilles-soupapes.grafbb.com
sardonnen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banniere aléatoire

Message par sardonnen le Ven 21 Fév 2014 - 15:06

bonjour,

j'ai réussi à trouver ce bout de code qui donne des résultats sympa mais par contre je n'arrive pas à l'insérer sur ma page d'accueil de forum alors qu'en direct tout fonctionne.

Est ce que vous pouvez m'aider ?

code que j'ai mis dans la partie description d'une rubrique

Code:
<script src="http://vieilles.soupapes.free.fr/jquery_bxslider/jquery.min.js"></script>
<script src="http://vieilles.soupapes.free.fr/jquery_bxslider/jquery.bxslider.min.js"></script>
<link href="http://vieilles.soupapes.free.fr/jquery_bxslider/jquery.bxslider.css" rel="stylesheet" />
<ul class="bxslider">
   
   <li>
       <a href="http://www.pieces-tracteur.fr" target="Sébastien pièces" title="Sébastien pièces"> <img style="width: 790px;" src="http://vieilles.soupapes.free.fr/images/pieces tracteur.png" border="0" /> </a>
   </li>
   
   <li>
       <a href="http://www.edel.fr" target="EDEL" title="EDEL, le spécialiste de l'embrayage"> <img style="width: 790px;" src="http://vieilles.soupapes.free.fr/images/EDEL.jpg" border="0" /> </a>
   </li>
   
   <li>
       <a href="http://www.chargeur-frontal-plus.fr/" target="Chargeur Plus" title="Chargeur Plus, fabricant de mini pelle rétro, chargeurs frontaux, lève palette,..."> <img style="width: 790px;" src="http://vieilles.soupapes.free.fr/images/Bach_alu.png" border="0" /> </a>
   </li>
   
   <li>
       <a href="http://www.hynedi.com/Redirect.asp?AccID=16585&AdCampaignID=24235" target="hynedi"><img style="width: 800px;" src="http://www.hynedi.com/Files/16585/Img/17/pub_forum.jpg" border="0" /></a>
   </li>
</ul><script language="javascript">
$(document).ready(function(){
  $('.bxslider').bxSlider({ auto: true, autoControls: true, randomStart: true, speed: 700 });
});
</script>

lien pour visualiser en direct le bon fonctionnement

http://vieilles-soupapes.grafbb.com/h1-bannieres_pub_rotative


merci
sardonnen

sardonnen
**

Messages : 63
Inscrit(e) le : 24/10/2007

http://vieilles-soupapes.grafbb.com
sardonnen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banniere aléatoire

Message par Adam_sfp le Sam 22 Fév 2014 - 16:48

Bonjour

Essayez en remplaçant
Code:
$
par
Code:
jQuery
dans votre code (2 fois).

Cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banniere aléatoire

Message par sardonnen le Lun 24 Fév 2014 - 10:15

bonjour,

génial!!!! ça fonctionne nickel et l'effet est vraiment sympa.

je mets le code corrigé au cas ou cela peut servir à d'autres

Code:

<!--            jQuery library (served from Google)            --><script src="http://vieilles.soupapes.free.fr/jquery_bxslider/jquery.min.js"></script>
<!--            bxSlider Javascript file            --><script src="http://vieilles.soupapes.free.fr/jquery_bxslider/jquery.bxslider.min.js"></script>
<!--            bxSlider CSS file            --><link href="http://vieilles.soupapes.free.fr/jquery_bxslider/jquery.bxslider.css" rel="stylesheet" />
<ul class="bxslider">
   
   <li>
       <a href="http://www.pieces-tracteur.fr" target="Sébastien pièces" title="Sébastien pièces"> <img style="width: 790px;" src="http://vieilles.soupapes.free.fr/images/pieces tracteur.png" border="0" /> </a>
   </li>
   
   <li>
       <a href="http://www.edel.fr" target="EDEL" title="EDEL, le spécialiste de l'embrayage"> <img style="width: 790px;" src="http://vieilles.soupapes.free.fr/images/EDEL.jpg" border="0" /> </a>
   </li>
   
   <li>
       <a href="http://www.chargeur-frontal-plus.fr/" target="Chargeur Plus" title="Chargeur Plus, fabricant de mini pelle rétro, chargeurs frontaux, lève palette,..."> <img style="width: 790px;" src="http://vieilles.soupapes.free.fr/images/Bach_alu.png" border="0" /> </a>
   </li>
   
   <li>
       <a href="http://www.hynedi.com/Redirect.asp?AccID=16585&AdCampaignID=24235" target="hynedi"><img style="width: 800px;" src="http://www.hynedi.com/Files/16585/Img/17/pub_forum.jpg" border="0" /></a>
   </li>
</ul><script language="javascript">
jQuery(document).ready(function(){
 jQuery('.bxslider').bxSlider({ auto: true, autoControls: true, adaptiveHeight: true, randomStart: true, speed: 700 });
});
</script>

a+, sardonnen

sardonnen
**

Messages : 63
Inscrit(e) le : 24/10/2007

http://vieilles-soupapes.grafbb.com
sardonnen 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