Originariamente inviato da br1
Nessuno ti impone di condividerlo, ma sarebbe consono allo spirito del forum
Questo è lo script che ho creato:

<script type="text/javascript">
$('.citta').live('click', function(){
$('.citta').remove();
$('#sel1').prop("selected", false);
});
$('.mare').live('click', function(){
$('.mare').remove();
$('#sel2').prop("selected", false);
});
$('.montagna').live('click', function(){
$('.montagna').remove();
$('#sel3').prop("selected", false);
});
$('.natura').live('click', function(){
$('.natura').remove();
$('#sel4').prop("selected", false);
});
$('.mete').live('click', function(){
$('.mete').remove();
$('#sel5').prop("selected", false);
});
$('.italia').live('click', function(){
$('.italia').remove();
$('#sel6').prop("selected", false);
});

$(function() {
$(".image-picker").imagepicker({hide_select : true,
clicked: function(){

var selected = $(this).val();
$.each(selected, function(index, value){
if(value=="1") {
if($('#sel1').prop("selected", true)) {
$(".centrale").append('<div class="citta"></div>');
}
}
if(value=="2") {
if($('#sel2').prop("selected", true)) {
$(".centrale").append('<div class="mare"></div>');
}
}
if(value=="3") {
if($('#sel3').prop("selected", true)) {
$(".centrale").append('<div class="montagna"></div>');
}
}
if(value=="4") {
if($('#sel4').prop("selected", true)) {
$(".centrale").append('<div class="natura"></div>');
}
}
if(value=="5") {
if($('#sel5').prop("selected", true)) {
$(".centrale").append('<div class="mete"></div>');
}
}
if(value=="6") {
if($('#sel6').prop("selected", true)) {
$(".centrale").append('<div class="italia"></div>');
}
}
});

}
});
});

</script>

Praticamente sovrappone all'immagine selezionata un div in posizione assoluta che, al click, scompare e deseleziona l'opzione nel select multiplo.