Discussion :

[Madusa]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[Kaamo]

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

[Madusa]

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 )

[Kaamo]

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é !

[Madusa]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Kaamo]

Je doute que tu aies une image dont l'id est la chaine "#c5mix-featured-slider-<?php  echo $bID?>"
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Madusa]

enfait l'image a pour id

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$bID

[Kaamo]

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?>".

[Madusa]

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

[Kaamo]

$("#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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#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 ?

[laurentSc]

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

C'était bien vu !