Wie kann ich Flexslider mit Wordpress mit Ajax verwenden?

Question

Ich benutze flexslider, um einige meiner Portfolioarbeiten zu präsentieren. Ich möchte jedes Portfolio-Stück als benutzerdefinierten Post-Typ in Wordpress haben und das erste Portfolio-Stück nur beim Laden der Seite in flexslider laden. Ich möchte dann Ajax verwenden, um das nächste/vorherige Portfolio-Stück zu laden, wenn der Benutzer auf die nächste/vorherige Schaltfläche klickt. Wie könnte ich das Ajax in Wordpress machen?

Vielen Dank

Answer 1

ein wenig schmutzig, aber es funktioniert :)

Denken Sie daran, die directionNav auf true zu setzen.

<script> 
    $(function(){ 
      $('.flexslider').flexslider({ 
       directionNav: true, 
       slideshow: false, 
       controlsContainer: ".flex-container" 
      }); 
      $('.flex-direction-nav').hide(); 

      $("#next-link").click(function() { 
       $(".next", ".flex-direction-nav").trigger("click");; 
      }); 
      $("#prev-link").click(function() { 
       $(".prev", ".flex-direction-nav").trigger("click");; 
      }); 

}); 
</script> 
<a href="#" id="prev-link">Previous</a> 
<a href="#" id="next-link">Next</a> 

Answer 2

Ich war auf der Suche nach genau der gleichen Sache, aber schon jetzt hat Flexslider v1.8 keine Möglichkeit, diese (comment from the developer) zu tun.

Flexslider 2 wird jedoch eine slider.addSlide() -Methode haben, die das Hinzufügen von Folien (details here) ermöglicht.