Image reactive dans un diaporama esque c'est possible?

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

Résolu Image reactive dans un diaporama esque c'est possible?

Message par b2uty le Sam 18 Sep 2010 - 11:04

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.

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image reactive dans un diaporama esque c'est possible?

Message par Ea le Sam 18 Sep 2010 - 12:57

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.

Ea
Aidactif
Aidactif

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

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

Résolu Re: Image reactive dans un diaporama esque c'est possible?

Message par b2uty le Sam 18 Sep 2010 - 15:15

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

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image reactive dans un diaporama esque c'est possible?

Message par Ea le Sam 18 Sep 2010 - 16:42

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.

Ea
Aidactif
Aidactif

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

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

Résolu Re: Image reactive dans un diaporama esque c'est possible?

Message par b2uty le Sam 18 Sep 2010 - 17:24

ah merci beaucp ça fonctionne ^^

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty 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