javascript - クリックで画像の一部だけを選択する方法

Question

ウェブサイトの星評価システムがあります。0 1/2 または満点の星を選択したいと思います。

SINGLE スター クリックの場合、私が達成したいのはこれです。これがJavaScriptofで実行できるかどうかはわかりませんjQuery。

ユーザーが左半分をクリックすると、1/2 スターが選択されます。でも右半分はFULLスター。もちろん、半分 (理想的には) は真ん中で分割されます - エリア スペースの 50/50。

これはできることでしょうか？

Answer 1

start ごとに常に2 つの画像、左右の画像、および何も選択されていない場合に背景として機能する選択されていない画像を用意する方が簡単です。

Web サイト(および将来のプロジェクト)で再利用できるシンプルなフレームワークを簡単に開発できますが、他の何十ものオープンソース プロジェクトが既に行っていることを本当にやりたいと思っているのでしょうか?

例として、このRateItプラグインの例を確認してください。

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

必要なものすべてに加えて、すべての特別な素晴らしい ajax 呼び出しと、これを非常に使いやすくする他のいくつかの設定が含まれています。