如何在點擊時僅選擇部分圖像

Question

我有一個網站的星級評分系統。 我想選擇0 1/2或全星。

對於單個星形點擊，我想要實現的是這個，我不確定它是否可以在jQuery JavaScript中完成：

如果用戶點擊左半邊的任何地方，則選​​擇1/2星; 但在右半邊，全明星。 當然，一半（理想情況下）將在中間區域划分 - 區域空間的50/50。

這是可以做到的嗎？

Answer 1

更容易的是每個開始時有2個圖像 ，左右圖像，以及如果沒有選擇任何內容則將用作背景的未選擇圖像。

您可以輕松地開發一個簡單的框架，使其在整個網站 （以及未來的項目）中可重用，但我確實想知道 ，您是否真的想要做一些其他許多開源項目已經做過的事情？

例如 ，檢查此RateIt插件示例：

http://www.radioactivethinking.com/rateit/example/example.htm

它包括你需要的所有東西，所有額外的好的ajax調用和其他一些設置，使這個真的很容易使用。