par
guigui69 » 09 sept. 2016, 13:17
Bonjour à tous,
Je suis toujours sur mon projet de SlideShow (
viewtopic.php?f=7&t=276686) qui grace à l'aide de moogli, ma bien aidé.
Cela fonctionne, l'ensemble des "rubriques" se charge/change de manière dynamique en fonction du time

et en boucle
Maintenant je suis dans la catégorie "Image" qui reste affichée 300 secondes, cela va chercher dans ma base mysql (1 résultat) avec 6 images +texte.
Cela affiche 1 seul image qui se change toute seule tout les x secondes (en css) .(le texte lui ne change pas)
Code : Tout sélectionner
#cf4a img {
animation-name: cf4FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
animation-duration: 25s;
border-radius:10px 10px;
}
#cf4a img:nth-of-type(1) {
animation-delay: 20s;
}
#cf4a img:nth-of-type(2) {
animation-delay: 15s;
}
#cf4a img:nth-of-type(3) {
animation-delay: 10s;
}
#cf4a img:nth-of-type(4) {
animation-delay: 5s;
}
#cf4a img:nth-of-type(5) {
animation-delay: 0;
}
Je voudrais dire quand tout les photos ont défilées (environ 25 secondes) on "refait" un même ajax pour demander de nouvelle photos. jusqu’à temps qu'on atteint les 300 secondes (indiqué plus haut) et qu'on change de catégorie. Donc en fait on fait environ 12 boucle/appel (car 300 /25s =12)
- Comment je doit procéder?
=>Il faut que je passe par un 2ème Ajax ? le premier déjà en place, pointe sur une "page intermédiaire" on a on lui indique du code javascript pour faire un deuxième appel ajax mais cette fois sur ma page php actuelle
- Une autre méthode plus simple ?
Pour moi dans ma tête mon explication est claire mais je suis pas sur si c'est aussi clair pour vous
Merci d'avance pour vos conseils et votre aide
guigui69