Wijmo ユーザーガイド > ウィジェット > Rating > 操作手順 > アイコン画像の変更 |
クイックスタートの例を基に、icons オプションを使用して、レーティングに表示する画像のタイプを変更できます。
メモ:サムアップ/サムダウンアイコンを使用する場合は、count オプションをデフォルトの5ではなく2に設定し、ratingMode オプションをデフォルトの continuousモード(レーティング時にクリックされたアイコンまでのすべてのアイコンが変更される)ではなく、single(レーティング時にクリックされたアイコンのみが変更される)に設定します。 |
ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます
スクリプト |
コードのコピー |
---|---|
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $('#ratingthumbs').wijrating({ count: 2, ratingMode: "single", iconWidth: 16, iconHeight: 16, icons: { iconsClass: ['wijmo-wijrating-normal-thumbdown', 'wijmo-wijrating-normal-thumbup'], hoverIconsClass: ['wijmo-wijrating-hover-thumbdown', 'wijmo-wijrating-hover-thumbup'], ratedIconsClass: ['wijmo-wijrating-rated-thumbdown', 'wijmo-wijrating-rated-thumbup'] } }); $('#ratingbar').wijrating({ iconWidth: 11, iconHeight: 61, icons: { iconsClass: ['wijmo-wijrating-normal-bar-11', 'wijmo-wijrating-normal-bar-21', 'wijmo-wijrating-normal-bar-31', 'wijmo-wijrating-normal-bar-41', 'wijmo-wijrating-normal-bar-51', 'wijmo-wijrating-normal-bar-61'], hoverIconsClass: ['wijmo-wijrating-hover-bar-11', 'wijmo-wijrating-hover-bar-21', 'wijmo-wijrating-hover-bar-31', 'wijmo-wijrating-hover-bar-41', 'wijmo-wijrating-hover-bar-51', 'wijmo-wijrating-hover-bar-61'], ratedIconsClass: ['wijmo-wijrating-rated-bar-11', 'wijmo-wijrating-rated-bar-21', 'wijmo-wijrating-rated-bar-31', 'wijmo-wijrating-rated-bar-41', 'wijmo-wijrating-rated-bar-51', 'wijmo-wijrating-rated-bar-61'] } }); }); </script> |