Intro.js(7)

7follower
harada さんのアバター 762views

Intro.jsのdivに設定できることのまとめ

必須項目 data-intro="テキスト" //ツールチップに表示させる内容をここに指定します。 data-step="1" //ツールチップを表示する順番を指定します。 オプション data... 2014年4月4日
harada さんのアバター 565views

Intro.jsで表示順序を個別に制御する

intro.js のオプション設定で下記のように設定した場合、「次へ」ボタンや次のガイドへ進むバレットが表示されなくなります。       /* Show tour control buttons? */       showButton... 2014年4月3日
harada さんのアバター 358views

Intro.jsのオーバーレイ表示を無効化する

intro.jsの以下の2行をコメントアウトします。 styleText += 'top: 0;bottom: 0; left: 0;right: 0;position: fixed;'; overlay... 2014年4月3日
harada さんのアバター 399views

Intro.jsでページ読み込み時にツアーを開始する

Intro.jsのデモなどではボタンを押すことによりツアーがスタートされますが、ページを読み込んだ時からサイトツアーを開始したい場合の表記です。実際はこれだけではなくCookieやユーザーIDなど利用して一度表示し終わったらデフォルトではサ... 2014年4月1日
harada さんのアバター 812views

Intro.jsで特定のガイドだけ表示位置を変更する

通常ガイドのツールチップは、intro.jsファイル内のオプションで設定した位置に表示されます。例えばオプションを以下のように設定していた場合、通常のガイドではオブジェクトの下部へ表示されます。   function IntroJs(ob... 2013年12月20日
harada さんのアバター 428views

Intro.jsで途中からサイトツアーをはじめさせる

以下の方法で実装したIntro.jsで、最初から順番にではなく、途中の指定位置からサイトツアーをはじめさせたいときのタグです。 実装方法:サイトツアーやチュートリアルをIntro.jsで簡単に実装する 通常 <button onC... 2013年12月19日
harada さんのアバター 495views

サイトツアーやチュートリアルをIntro.jsで簡単に実装する

サイトやサービスの利用方法を、順を追ってユーザーに説明したい際にIntro.jsが役に立ちます。 まずはIntro.jsから一式をダウンロードしてください。デモ画面もこちらの「Show me how」から確認できます。 次に<he... 2013年12月17日