Chardin.js - 使い方を画面にオーバーレイ表示
(github.com)-
現在のページを暗くし、その上に使い方をすっきりしたオーバーレイで表示
-
クリックごとに次のステップへ進むように設定可能
-
data属性に説明の位置・内容を指定する方式 -
説明だけをまとめた
jsonファイルを読み込むことも可能
現在のページを暗くし、その上に使い方をすっきりしたオーバーレイで表示
クリックごとに次のステップへ進むように設定可能
data 属性に説明の位置・内容を指定する方式
説明だけをまとめた json ファイルを読み込むことも可能
1件のコメント
7年前に作られたライブラリですが、最近また新しいコミットが上がり始めました。
こういうライブラリはいくつもありますが、今でも一度に見せるこの方式がいちばん気に入っています。
ほかのものはボタンで段階的に移動する方式なので、ユーザーの立場だと面倒なんですよね。
Intro.js https://introjs.com/
Driver.js https://kamranahmed.info/driver.js/
Shepherd https://github.com/shipshapecode/shepherd