Automatisation slider [Résolu]
7 réponses
Bonjour,
tu peux essayer ça :
tu peux essayer ça :
<script src="http://sivop.com/version_3/js/infos_du_jour/jquery.cbpFWSlider.min.js"></script>
<script type="text/javascript">
$('document').ready(function(){
// init slider
$('#cbp-fwslider').cbpFWSlider();
/**
Set a 3 seconds interval
if next button is visible (so is not the last slide) click next button
else it finds first dot and click it to start from the 1st slide
**/
setInterval( function(){
if($('.cbp-fwnext').is(":visible")) {
$('.cbp-fwnext').click();
} else{
$('.cbp-fwdots').find('span').click();
}
} ,3000 );
});
</script>
Waw ! ça fonctionne ! Mais seulement avec 2 slider... il ne boucle pas toutes les images :s
seulement avec 2 slider... il ne boucle pas toutes les images :s
2 Slider .. tu veux dire : 2 Slides ? (deux images quoi..) ?
Il faudrait que tu regarde si tu n'aurais pas des erreurs via les outils de debogage.
=> Je te conseille d'installer FireBug ( pour FireFox), de la lancer.. puis d'afficher ta page et de regarder dans la console si tu n'aurais pas des indications et/ou messages d'erreur.
Oui désolé 2 images :p
Il fonctionne sinon et quand j'ai ajouté un 3ème enregistrement dans ma table MySQL il affiche 3 bulles et fonctionne au clique sur les 3 mais automatiquement non, il boucle sur la première et la seconde image...
Pour la partie Firebug je n'ai aucun avertissement concernant ce code.
Il fonctionne sinon et quand j'ai ajouté un 3ème enregistrement dans ma table MySQL il affiche 3 bulles et fonctionne au clique sur les 3 mais automatiquement non, il boucle sur la première et la seconde image...
Pour la partie Firebug je n'ai aucun avertissement concernant ce code.
Dans le titre ou la description de tes images tu n'aurais pas de caractères accentués ou de Slashes ??
Éventuellement.. essayes de mettre 3-4 fois les mêmes images que les deux premières qui fonctionnent pour voir..
Et vu que tu testes avec FF ( et FireBug ) ajoute du console.log dans le script pour voir s'il fonctionne correctement...
Éventuellement.. essayes de mettre 3-4 fois les mêmes images que les deux premières qui fonctionnent pour voir..
Et vu que tu testes avec FF ( et FireBug ) ajoute du console.log dans le script pour voir s'il fonctionne correctement...
$('document').ready(function(){
// init slider
$('#cbp-fwslider').cbpFWSlider();
/** Set a 3 seconds interval
if next button is visible (so is not the last slide) click next button
else it finds first dot and click it to start from the 1st slide **/
setInterval( function(){
if($('.cbp-fwnext').is(":visible")) {
console.log(" Bouton Next Visible");
$('.cbp-fwnext').click();
} else{
console.log(" Bouton Next NON Visible");
$('.cbp-fwdots').find('span').click();
}
} ,3000 );
});
Voici exactement ce qu'il y a dans ma table :
Pas de slash ni de caractères spéciaux pour l'instant.
La console me montre des avertissements mais rien avoir avec le code que tu m'as donné.
J'ai essayé de séparer le fichier de tout autre script, seulement le slider sans rien d'autres... pareil soucis !
image | Titre | Description =================================================================== version3 | Version 3 du site | Lancement de la version 3 tg_hello_kitty | Hello Kitty | Lancement de la version 3 socials | Participez ! | Lancement de la version 3
Pas de slash ni de caractères spéciaux pour l'instant.
La console me montre des avertissements mais rien avoir avec le code que tu m'as donné.
J'ai essayé de séparer le fichier de tout autre script, seulement le slider sans rien d'autres... pareil soucis !
Au fait, j'oubliais de préciser que cbp-fwnext n'existe pas dans le fichier *.js ! Tu penses que c'est dû à ça ? (désolé je viens de me rendre compte)
Non rien n'apparaît ! Tu peux essayer voir sur cette page, le slider tout en bas avec fond bleu : http://www.sivop.com/version_3/