Галерея изображений Jquery с категориями

Question

Я собираюсь использовать плагин Galleriffic jquery для отображения моих изображений (пожалуйста, посмотрите демо здесь: http://www.twospy.com/galleriffic/advanced.html

Я хочу включить категории над галереей, но при нажатии на каждую категорию я хочу, чтобы галерея изображений динамически изменялась. Это означает, что я не хочу, чтобы страница перезагружалась при каждом нажатии на категорию, скорее я хочу изменить только область галереи. Есть какие-нибудь предложения, как к этому подойти? AJAX возможно? Любой подобный код, который вы использовали?

Answer 1

AJAX будет работать. Просто есть метод, который возвращает HTML для этой конкретной галереи DIV или набор превью / изображений, которые составляют галерею. Вероятно, проще создать метод на стороне сервера, чтобы сначала создать HTML-код галереи, и просто повторно использовать его для создания HTML-кода для вызова AJAX. Попросите метод, который получает новый HTML, повторно вызвать плагин галереи в HTML, когда обратный вызов завершится.

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