attributo jquery raty star size non funziona

Question

Sto cercando di utilizzare jquery.raty.js e jquery.raty.min.js ma voglio rendere grandi le stelle e non funziona. Ho cambiato le dimensioni in jquery.raty.js e in questa funzione all'interno dello script.

ho questo plugin qui:

http://wbotelhos.com/raty

$(document).ready(function() { 
    $('.star1').raty({ 
     cancel: true, 
     score: 0, 
     half: true, 
     size: 22, 
     path: 'img', 
     click: function (score1, evt) { 
      $('input.valor').val(score1); 
     } 
    }); 
}); 

voglio la stella in 22 o 24 pixel, ma la sua taglia è sempre 16.

Grazie

Answer 1

Ho avuto lo stesso problema e per me è stato memoria cache del browser ... Non ha funzionato fino a quando ho messo in funzione questo attributo "single: true,"

$('#star').raty({ 
    cancel : true, 
    cancelOff: 'cancel-off-big.png', 
    cancelOn : 'cancel-on-big.png', 
    half  : true, 
->>>>> single : true, 
    size  : 24, 
    starHalf : 'star-half-big.png', 
    starOff : 'star-off-big.png', 
    starOn : 'star-on-big.png' 
}); 

e poi ho potrei vederne uno di grandi dimensioni poi ho pensato che forse era il cache .. ed è stato.

Provalo, forse è la soluzione.

Answer 2

Hai dimenticato l'indicazione $ davanti al tuo codice e }); alla fine. Inoltre, forse dovresti provare ad avviare il tuo codice al caricamento della pagina con la funzione .ready().

Quindi, il codice è:

$(document).ready(function() { 
    $('.star1').raty({ 
     cancel: true, 
     score: 0, 
     half: true, 
     size: 22, 
     path: 'img', 
     click: function (score1, evt) { 
      $('input.valor').val(score1); 
     } 
    }); 
}); 

---

EDIT

Raty plug-in hanno un example per cambiare dimensioni della strars. Per impostare dimensioni maggiori, è necessario disporre di immagini appropriate per stelle più grandi. Dal sito: La dimensione in pixel dell'icona che si desidera utilizzare.

$('#star').raty({ 
    cancel : true, 
    cancelOff: 'cancel-off-big.png', 
    cancelOn : 'cancel-on-big.png', 
    half  : true, 
    size  : 24, 
    starHalf : 'star-half-big.png', 
    starOff : 'star-off-big.png', 
    starOn : 'star-on-big.png' 
}); 

Si può provare anche con path proprietà, ma verificare se questa strada è propria.