2012-04-11 6 views
0

に基づいて、これはSOの私の最初の投稿です、私はあなたがページがコンテンツと、動的なjqueryのスライダーを使用して見ることができるように、ここでhttp://builtbybuffalo.com/project/view/bored-of-southsea/date/descjQueryのページスライダー、JSONデータソース

を示す結果に到達したいと思いますJSONソースから取得したものです。 私はのプロセスを理解していますが、を理解しておいてください。後で私はこの素晴らしいスライダーを再現しようとします。

「前」ボタンと「次へ」ボタンをクリックすると、URLページが変わらず、jsonファイルからコードがロードされます。

このソリューションを見つけるのを手伝ってもらえますか? 私は本当にあなたの提案に感謝します。

ハグ! Marco

+0

ソースコードを見てみましたか? project-next-prev.jsはかなり簡潔です。 –

答えて

0

できることは、$ .getJSONを使用してデータを取得することです(整形式でなければなりません.json http://www.json.org/を参照)。スライドの順にオブジェクトの配列を返したいとします。

{ "アイテム":[ { "親指": ""、 "大": "" } ]}

あなたが画像を目指す場合にのみ価値があるかもしれません、テンプレートセットを持っていますサムネイルと大きな画像URLの両方を持つ場合は、サムネイルを使用してボタンを作成します。

それぞれに大きなURLを格納できます。 1つをクリックすると、ロードされていない場合は、新しい画像ファイルを作成し、URLをロードします。準備ができたら、新しく作成した画像タグを追加し、必要に応じてトランジションを行います。