jQuery Girl
  1. jQuery Girl
  3. Cycle JQuery et JSON avec JQuery
Intereting Posts
jquery ajoute un fichier HTML externe à ma page Comment remplacer du texte à l’aide de jQuery (ou JS simple) sans rompre aucun événement? Foreach Ajax Json – Jquery Problème interdomaine avec la mise en œuvre de l’API de raccourcisseur d’URL de Google Soumettre un formulaire avec plusieurs objects au contrôleur jQuery: next () et prev () avec un wrapper? Soumission de formulaire simple .NET via AJAX et JQUERY Angularjs factory: erreurs lors du passage de $ scope, $ route, $ http? onclick aller à l’URL ALORS faire quelque chose de spécifique Diaporama jQuery pour commencer ou pour terminer Comment implémenter la pagination avec serverside get api dans Datatables date de validation jquery valider 10 caractères, ne peuvent être que des chiffres, puis redirect vers une adresse Web Utilisez jQuery pour afficher une div uniquement lorsque la position de défilement est comprise entre 2 points Comment empêcher la redirection / actualisation de la page après la soumission du formulaire, tout en préservant l’entrée de fichier? Jquery

Cycle JQuery et JSON avec JQuery

J’ai trouvé le plugin jQuery Cycle qui est très intéressant.

Donc, il y a le script suivant qui devrait renvoyer les images: 

$(function() { // resortingeve list of slides from server $.getJSON('slidelist.php', startSlideshow); function startSlideshow(slides) { /* server returns an array of slides which looks like this: [ 'images/beach2.jpg', 'images/beach3.jpg', 'images/beach4.jpg', 'images/beach5.jpg', 'images/beach6.jpg', 'images/beach7.jpg', 'images/beach8.jpg' ] */ var totalSlideCount = 1 + slides.length; var $slideshow = $('#slideshow'); // markup contains only a single slide; before starting the slideshow we // append one slide and prepend one slide (to account for prev/next behavior) $slideshow.prepend(''); $slideshow.append(''); // start slideshow $('#slideshow').cycle({ fx: 'scrollHorz', startingSlide: 1, // start on the slide that was in the markup timeout: 0, speed: 500, prev: '#prev', next: '#next', before: onBefore }); function onBefore(curr, next, opts, fwd) { // on Before arguments: // curr == DOM element for the slide that is currently being displayed // next == DOM element for the slide that is about to be displayed // opts == slideshow options // fwd == true if cycling forward, false if cycling backward // on the first pass, addSlide is undefined (plugin hasn't yet created the fn yet) if (!opts.addSlide) return; // have we added all our slides? if (opts.slideCount == totalSlideCount) return; // shift or pop from our slide array var nextSlideSrc = fwd ? slides.shift() : slides.pop(); // add our next slide opts.addSlide('', fwd == false); }; };

});

Mais, comme je suis vraiment mauvais en ajax, pouvez-vous me dire comment puis-je utiliser ceci 

 $.getJSON('slidelist.php', startSlideshow);

renvoyer les images, comment puis-je recevoir ces images?

Merci beaucoup Cordialement.

Eh bien .. n’est pas du tout AJAX 🙂

Le fait est que vous recevez un object dans la fonction startSlideshow : 

 slides = [ 'images/beach2.jpg', 'images/beach3.jpg', 'images/beach4.jpg', 'images/beach5.jpg', 'images/beach6.jpg', 'images/beach7.jpg', 'images/beach8.jpg' ];

Maintenant, vous pouvez itérer cet object avec une boucle for base: 

 for(var i=0, len = slides.length; i

À l'heure actuelle, vous avez une image sur chaque étape: slides[i] . Vous pouvez append à $('#slideshow') et commencer à jouer.