Image reactive dans un diaporama esque c'est possible?

[b2uty]

Bonjour, j'aimerais faire un diaporama réactive ( que chaque image qui défile à son propre lien qui envoi vers une page de mon forum)
en suite j'aimerais le placer sur mon logo/image du forum esque ses possible de faire ça?


Merci d'avance pour vos réponses.

[Ea]

Bonjour,


Il devrait suffire d'une petite modification au script là pour le faire : Bannière aléatoire ou défilante.

Par exemple si tu places bien le :

Code:

<a id="dia-rea"><img /></a>

Ensuite il suffit de mettre juste après un code du genre :

Code:

<script type="text/javascript">

var banner = new Array();

banner.push('adresse_image_1');
banner.push('adresse_image_2');
banner.push('adresse_image_3');

var liens = new Array();

liens.push('http://lien_image_1');
liens.push('http://lien_image_2');
liens.push('http://lien_image_3');

function changeban() {
  var i= Math.floor(Math.random()*banner.length);
  jQuery('#dia-rea').attr('href',liens[i]);
  jQuery('#dia-rea img').attr('src',banner[i]);
}

changeban();

setInterval("changeban();",3000);

</script>

Cordialement.

[b2uty]

J'ai bien appliquer tout les consigne et rien ne s'affiche sur la page d'accueil.
T.T
je sais pas ou j'ai fait une erreur.
voici mon code :

Code:

<a id="dia-rea"><img /></a>


<script type="text/javascript">

var banner = new Array();

banner.push('http://i51.tinypic.com/28gwpis.png');
banner.push('http://i55.tinypic.com/ja8kqs.png');
banner.push('http://i56.tinypic.com/2a930rc.png');

var liens = new Array();

liens.push('http://kpop123.forumactif.com/test2-f3/');
liens.push('http://kpop123.forumactif.com/votre-1er-forum-f1/');
liens.push('http://kpop123.forumactif.com/corbeille-f2/');

function changeban() {
  var i= Math.floor(Math.random()*banner.length);
  jQuery('#dia-rea').attr('href',liens[i]);
  jQuery('#dia-rea img').attr('src',banner[i]);
}

changeban();

setInterval("changeban();",3000);

</script>

Description du site:

Code:


<script type='text/javascript' src='http://kpop123.forumactif.com/banniere-aleatoire-h1.htm'></script>

mon forum de test :

http://kpop123.forumactif.com/forum.htm

[Ea]

Il faudrait plutôt juste mettre comme script :

Code:

var banner = new Array();

banner.push('http://i51.tinypic.com/28gwpis.png');
banner.push('http://i55.tinypic.com/ja8kqs.png');
banner.push('http://i56.tinypic.com/2a930rc.png');

var liens = new Array();

liens.push('http://kpop123.forumactif.com/test2-f3/');
liens.push('http://kpop123.forumactif.com/votre-1er-forum-f1/');
liens.push('http://kpop123.forumactif.com/corbeille-f2/');

function changeban() {
  var i= Math.floor(Math.random()*banner.length);
  jQuery('#dia-rea').attr('href',liens[i]);
  jQuery('#dia-rea img').attr('src',banner[i]);
}

changeban();

setInterval("changeban();",3000);

Et dans la description du forum :

Code:

<a id="dia-rea"><img /></a><script src=/-h1.htm></script>

Cordialement.

[b2uty]

ah merci beaucp ça fonctionne ^^