diaporama,animation et transition

Bonjour,


Je crée un site web avec concrete5 et j'ai téléchargé un add-on.

Il me permet de changer d 'image qui est dans une liste
Voici le code

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$(document).ready(function(){ $("#c5mix-featured-slider-<?php  echo $bID?>").tabs({fx:{opacity: "toogle"}}).tabs("rotate", 5000, true); $("#c5mix-featured-slider-<?php  echo $bID?>").hover( function() { $("#c5mix-featured-slider-<?php  echo $bID?>").tabs("rotate",0,true); }, function() { $("#c5mix-featured-slider-<?php  echo $bID?>").tabs("rotate",5000,true); } ); });

---

Mais il n'a ya pas de transition
et je souhaiterai une transition "balayage"

Voici une doc que j'ai consulté et qui a l'air d'être en rapport avec ce que j'ai...
Voyez vous comment faire?
Est-ce "toggle" qu'il faudrait changer?

"#c5mix-featured-slider-<?php  echo $bID?>" : crois - tu que le PHP est interprété ?

Oui je pense parce-que ça me donne bien les images qui s'affiche l'une après l'autre (je n'ai posté que le JS)
Le code vient de l'add on donc ...
Je ne parviens pas à trouver où changer la transition (enfin la mettre puisqu'il n'est en a pas )

Citation:

---

Oui je pense

---

Il faut être sûr ;)

Que les images s'affichent c'est une chose, c'est que le code correspondant doit fonctionner.

"#c5mix-featured-slider-<?php  echo $bID?>" est une string. Donc le PHP ne peut pas être interprété !

Oui je comprend mais ces lignes correspondent aux images
Comment le modifier ?
En tout cas , quand je change 5000 en 50 ,cela a bien un effet sur l'apparition des images (le défilement)...

Code:

---

$("#c5mix-featured-slider-<?php  echo $bID?>").tabs({fx:{opacity: "toogle"}}).tabs("rotate", 50, true);

---

Je doute que tu aies une image dont l'id est la chaine "#c5mix-featured-slider-<?php  echo $bID?>" :koi:
Ce n'est pas la même chose que, par exemple : "#c5mix-featured-slider-5".

Si tu veux construire du Javascript à l'aide de PHP, il faut s'y prendre ainsi :

Code:

---

1 2	var imgId = <?php echo "#c5mix-featured-slider-".$bID ?>; $(imgId)....

---

Si $bID est égale à, par exemple, 5, le Javascript généré par PHP sera :

Code:

---

1 2	var imgId = "#c5mix-featured-slider-5"; $(imgId)....

---

enfait l'image a pour id

Code:

---

$bID

---

Quels sont les id de tes images ? Regarde le code généré (affichage de la source dans ton navigateur).
Il y a de forte chance qu'elles aient toutes le même, à savoir : "#c5mix-featured-slider-<?php echo $bID?>".

pourquoi tu dis que c'est l'id de mes images?

$("#quelqueChose") : ça c'est un truc de jQuery qui permet de récupérer l'élément dont l'id est "quelqueChose". On est d'accord ?

Si l'élément dont l'id est "quelqueChose" ne se trouve pas dans la page, rien ne se passera.

Donc, si tu veux animer l'élément en faisant, par exemple, ça :

Code:

---

$("#c5mix-featured-slider-5").quelqueChose

---

Tu dois t'assurer que ta page comporte bien un élément avec l'id "#c5mix-featured-slider-5".

D'où ma question. Es tu sûre que tes images ont un id correct ?

Citation:

---

"#c5mix-featured-slider-<?php echo $bID?>" est une string. Donc le PHP ne peut pas être interprété !

---

C'était bien vu !