Originariamente inviato da cavicchiandrea
Premesso che fare certi cambiamenti bisogna a avere tempo e voglia e un ottima conoscenza di js e jquery, io non ho neanche capito cosa vuoi
Ciao, allora quello script carica tante immagini quanti option ci sono nel select e quest'ultime sono selezionabili come dall'esempio che da il sito.
L'unica modifica che avviene quando si seleziona un'immagine è contornarla di blu ma io vorrei che proprio cambiasse l'immagine selezionata e, se deselezionata, tornasse quella di primo caricamento.

Ho scritto un pò di codice che cambia il valore di data-img-src ma non l'immagine che si visualizza.
Cioè, se questo è il mio codice <option data-img-src="/immagini/citta-n.jpg" value="1"> Page 1 </option>

e io voglio che cambi l'immagine di riferimento in <option data-img-src="/immagini/citta.jpg" value="1"> Page 1 </option>

al click cambia sì il valore di data-img-src ma l'immagine rimane sempre la solita...

Ecco il js che ho scritto:

$(function() {
$(".image-picker").imagepicker(
{
limit: 6,
hide_select : true,
clicked: function(){
d = new Date();
var selected = $(this).find('option:selected');
var img=selected.data('img-src');

if(selected.val()=="1") {
if($(this).find('option:selected').data('img-src')=="/immagini/citta-n.jpg") {
$(this).find('option:selected').data('img-src', "/immagini/citta.jpg");
} else {
$(this).find('option:selected').data('img-src', "/immagini/citta-n.jpg");
}
}

var img2 = $(this).find('option:selected').data('img-src');
alert(img2);
}
});
});