-
スロット風のwidgetを作成して欲しい
トピックス by
1792 pt
2024年1月10日 10:22
244
PV
【依頼内容】
選択肢を選ぶとスロット風にランダム表示している数字が止まり、金額が表示される。
何も選択していない時の金額の数字は、ランダムでスロット表示が続く。
選択肢を変更した時の金額は、短めにスロットした後に数字が止まり金額表示。
選択肢をクリックしてからは、スロットは動かず繰り返しも無し。＜選択肢について＞
・チェックボックスは1度選択した後、他の選択肢に変更可能
・単一選択
・どの選択肢でも金額は変わらない＜スロットについて＞
共有したスクリーンショットの「¥9,800〜」の中の「9800」の4つの数字部分だけにスロットの動きを付ける -
1 コメント
-
Widget作成いたしました💫
————————————————————
Widget名: 選択肢をクリックして指定数値で止まるスロット※要Javascript
カテゴリ: アクション
————————————————————
■ 金額の設定について
汎用性のため、個別・一括設定を可能にいたしました。
選択肢にある下記HTMLの data-price に金額を設定します。
選択肢毎に個別に設定する場合は選択肢それぞれに任意の金額を設定して下さい。
例) ¥7,800 にしたい
<input type="radio" name="q1-1" id="q1-1" data-price="7800">
※エラー回避のため、個別設定に値がない場合は最後に表示する下記結果表示コンテンツにある設定値の金額が一括で設定されます。
<div class="price" data-price="xxxx">0,000</div>
■ 選択前のスロットの数値設定について
指定桁数からランダムで表示するように設定しております。
現在の設定: 4桁
桁数の変更は下記 javascript 設定の digits で変更可能です。
const settings = { //省略... digits: 4, //ランダムで動くスロットの数値の桁数 //省略... };