2009-06-28 3 views
2

私は(私の画像を表示するために、ここでのデモを見てくださいをGallerifficのjQueryプラグインを使用するつもりです:http://www.twospy.com/galleriffic/advanced.htmljQueryのイメージギャラリー

私はギャラリー上記のカテゴリを含めたいが、各カテゴリをクリックしたときに、私が欲しいですその意味では、カテゴリをクリックするたびにページをリロードするのではなく、単にギャラリーエリアを変更するだけです。これにアプローチする方法はありますか?おそらくAJAX?Any類似したコードですか?

+0

この質問のためのもう一つの大きな助けはここにある:http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm –

答えて

1

AJAXが動作します。特定のギャラリーDIVまたはギャラリーを構成する親指/画像のセットのHTMLを返すだけの方法があります。ギャラリーのHTMLを最初に生成し、AJAX呼び出し用のHTMLを生成するためにそれを再利用するだけのサーバー側のメソッドを作成する方が簡単です。コールバックの完了時に新しいHTMLを取得するメソッドでHTML上のギャラリープラグインを再度呼び出すようにします。

$('#category').change(function() { 
    $('div#gallery').load('/some/url/togeneratehtml', 
          { category : $(this).val() }, 
          function() { 
          $('div#gallery').gallerific(); 
          }); 
}); 
+1

YES-これは私が探しています何に非常に近いです。これは何ですか?/application/gallery.php?私はjavascriptを使い慣れていないので、私のためにそれを黙らせなければならないかもしれません。これは私があなたの答えを知覚する方法です: div "#category"をクリックすると、div "gallery"がHTMLの再読み込みを行わずに動的に変更されます。このスクリプトをヘッダーに入れると、私は結果を達成します。あれは正しいですか? –

+0

これは、サーバー側のURLのプレースホルダです。ギャラリーdivのHTMLを作成する必要があります。ロード機能のドキュメントをチェックしてください:http://docs.jquery.com/Ajax/load#urldatacallback – tvanfosson

+0

ああ、私は参照してください。ギャラリーを生成するPHP関数またはURLを見つけるのが難しいです。ギャラリーがクライアント側で生成されているようですが、サーバー側のURLを使用してコードを実装するにはどうすればよいですか?あなたのお手伝いをしてあげましょう –

関連する問題