banniere aléatoire

[sardonnen]

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]

bonjour,

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

a+, sardonnen

[Adam_sfp]

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>

[sardonnen]

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]

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]

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   

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

a+, sardonnen

[sardonnen]

bonjour,

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

merci
a+, sardonnen

[Adam_sfp]

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 ;-)

[sardonnen]

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]

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

[Adam_sfp]

Bonjour

Essayez en remplaçant

Code:

$

par

Code:

jQuery

dans votre code (2 fois).

Cdt.

[sardonnen]

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