带有类别的 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();
                           });
});