スター評価システム（jQuery）

評価アイテムのサイトでよく使われる5つ星評価システムに精通していると思いますか？私がgoogleで探していたとき、スプライトなどを使用しているjQueryプラグインしかありませんでした。どうすれば12の画像（0,0,5,1,1.5など）で星評価システムを作成できますか？スター評価システム（jQuery）

私はイメージを持っているので、これを行いたいと思います。それを編集するには多くの作業が必要です。

出典

2010-12-04 Simon

（あなたはそれがどのように動作するか分からないjQueryプラグインのコードを適応させるよりもおそらく少ない作業） – Gareth

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script> 
function setRating(number) 
{ 
    jQuery('#main').css('background','url(images/'+number+'-star.gif) no-repeat');  
} 

function saveRating(number) 
{ 
    jQuery('.rating').attr('onmouseout','setRating(\''+number+'\')'); 
    alert(number);   
} 
</script> 
<style> 
.rating 
{ 
    width:8px; 
    height:16px; 
    float:left;  
} 
#main 
{ 
    width:80px; 
    height:16px;  
} 
</style> 
<div id="main" style="background:url(images/1.0-star.gif) no-repeat;"> 
    <div class="rating" onmouseover="setRating('0.5')" onclick="saveRating('0.5');" onmouseout="setRating('1.0')"></div> 
    <div class="rating" onmouseover="setRating('1.0')" onclick="saveRating('1.0');" onmouseout="setRating('1.0')"></div> 
    <div class="rating" onmouseover="setRating('1.5')" onclick="saveRating('1.5');" onmouseout="setRating('1.0')"></div> 
    <div class="rating" onmouseover="setRating('2.0')" onclick="saveRating('2.0');" onmouseout="setRating('1.0')"></div> 
    <div class="rating" onmouseover="setRating('2.5')" onclick="saveRating('2.5');" onmouseout="setRating('1.0')"></div> 
    <div class="rating" onmouseover="setRating('3.0')" onclick="saveRating('3.0');" onmouseout="setRating('1.0')"></div> 
    <div class="rating" onmouseover="setRating('3.5')" onclick="saveRating('3.5');" onmouseout="setRating('1.0')"></div> 
    <div class="rating" onmouseover="setRating('4.0')" onclick="saveRating('4.0');" onmouseout="setRating('1.0')"></div> 
    <div class="rating" onmouseover="setRating('4.5')" onclick="saveRating('4.5');" onmouseout="setRating('1.0')"></div> 
    <div class="rating" onmouseover="setRating('5.0')" onclick="saveRating('5.0');" onmouseout="setRating('1.0')"></div> 
</div>

これは私が探していたものです。

出典

2010-12-04 13:48:38 Simon

を良い簡単な解決策が、どのようにイメージの遅延読み込みの問題を解決するのですか？前もって感謝します – levi