带有类别的 Jquery 图片库

Question

我将使用 Galleriffic jquery 插件来显示我的图像(请查看此处的演示:http://www.twospy.com/galleriffic/advanced.html

我想在图库上方包含类别，但是当单击每个类别时，我希望图像库动态更改。这意味着，我不希望每次单击类别时重新加载页面，而我只想更改图库区域。对于如何解决这个问题有什么建议吗？也许是 AJAX？您使用过任何类似的代码吗？

Answer 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();
                           });
});