flexslider を使用して、ポートフォリオ作品の一部を紹介しています。各ポートフォリオ ピースを Wordpress のカスタム投稿タイプとして使用し、ページの読み込み時に最初のポートフォリオ ピースのみを flexslider にロードしたいと考えています。次に、ユーザーが次/前のボタンをクリックした場合に、Ajax を使用して次/前のポートフォリオをロードしたいと考えています。この Ajax を Wordpress で実行するにはどうすればよいですか?
どうもありがとう
flexslider を使用して、ポートフォリオ作品の一部を紹介しています。各ポートフォリオ ピースを Wordpress のカスタム投稿タイプとして使用し、ページの読み込み時に最初のポートフォリオ ピースのみを flexslider にロードしたいと考えています。次に、ユーザーが次/前のボタンをクリックした場合に、Ajax を使用して次/前のポートフォリオをロードしたいと考えています。この Ajax を Wordpress で実行するにはどうすればよいですか?
どうもありがとう
少し汚れていますが、動作します:)
directionNavをtrueに設定することを忘れないでください。
<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>