ajax e gallerific

[MrClog]

Salve a tutti,
sul sito a cui sto lavorando sito/prodotti vorrei poter eliminare dalla lista visualizzata tutti gli elementi che non appartengono alla query. Come si può vedere c'è una select che visualizza l'elenco di categorie presenti. Vorrei che una volta caricata la pagina con tutte le immagini, a secondo della selezione, si visualizzi poi andrebbe a visualizzare solo le immagini con il campo catalogo uguale a quello selezionato

 

[criric]

Ciao, visto che dal link che hai postato mi sembra che sei fermo ti posto un semplice esempio che usa jquery e php
la pagina chiamante

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("select[name='categoria']").change(function(){
            $.ajax({
                type: "POST",
                url: "elabora.php",
                data: $("#form").serialize(),
                success: function(response){
                    $("#foto").html(response);
                }
            });
        });
    })
</script> 
<form id="form">
    <select name="categoria">
        <option value="*"> Tutti </option>
        <option value="classic">classic</option>
        <option value="liberty">liberty</option>
        <option value="modern">modern</option>
        <option value="style">style</option>
    </select>
</form>
<div id="foto"></div>

la pagina chiamata (elabora.php)

<?php

$categoria = $_REQUEST['categoria'];
$query = "SELECT * FROM foto ";
if ($categoria != "*")
    $query.= "WHERE categoria = '" . $categoria . "'";
echo $query;
?>