2011-06-17 7 views
1

私のウェブサイトのヘッダーには、最新の6つの投稿の水平リストがあります。今度は、 "previous"ボタンを追加して、このリストの内容を、現在表示されているものより前の6つの投稿に置き換えます。ユーザーが「前」を十分にクリックすると、これまでに作成されたすべての投稿を見ることができるという考え方です。すべての投稿のスライダーを構築する

これを作成するためのチュートリアルのほとんどは、常にすべての投稿を読み込み、それをいくつかのjQueryスライダに単純に埋め込みます。しかし、私は100以上のポストを持っているので、これは最良のアプローチではないようです。

"以前の"ボタンをクリックするたびに前の投稿をどのように入手できるのかを説明するチュートリアルを教えてください。


(私はところでWordpressのを使用しています)問題は、わずか数stackoverflowのスレッドの助けを借りて、任意のチュートリアルなしで解決しました。今私は素晴らしいポストスライダーを持っています:)

答えて

1

あなたはそれのためにPHPに依存する場合は、毎回ページを更新する必要があります。私は本当にAJAXソリューションがほしいと思う。

あなたは

1)はその

する前に、このような現在

2)6つのポストのXMLやJSONを出力表示最小のポストのIDとして、いくつかの変数を受け入れるPHPのWebサービスを構築することができます

あなたのページで、前のボタンのonclickを入力し、変数を送信し、応答を受け入れて、必要に応じて各投稿を配置します。 .ajax.loadは、調べるべきいくつかのjQueryメソッドです

+0

ありがとう、私は一般的な概念を知っています、私は実際の実装を説明するチュートリアルを探しています。 – Ben

+0

あなたはより多くの/より快適ではない作品はありますか?それとも、エンドツーエンドのハウツーを望んでいますか?あなたの投稿を保持するためにMySQLを使用していますか? –

+0

私はWordpressを使用しています。これはatmが主な問題だと思われます。私は次のコードを試しました: $( "#post-area")load( "post-getter.php"、{page:1}、function(){ }); これはうまくいくはずです。しかし、Wordpressは私にそのような方法でPHPファイルにアクセスさせません(404)。 私の投稿後のgetter.phpでは、投稿をエコーする必要があります。 – Ben

関連する問題