Intro.jsのdivに設定できることのまとめ 必須項目 data-intro="テキスト" //ツールチップに表示させる内容をここに指定します。 data-step="1" //ツールチップを表示する順番を指定します。 オプシ… haradaハック2014.04.04 458
Intro.jsで表示順序を個別に制御する intro.js のオプション設定で下記のように設定した場合、「次へ」ボタンや次のガイドへ進むバレットが表示されなくなります。 /* Show tour control buttons? */ s… haradaハック2014.04.03 415
Intro.jsのオーバーレイ表示を無効化する intro.jsの以下の2行をコメントアウトします。 styleText += 'top: 0;bottom: 0; left: 0;right: 0;position: fixed;'; overl… haradaハック2014.04.03 824
Intro.jsでページ読み込み時にツアーを開始する Intro.jsのデモなどではボタンを押すことによりツアーがスタートされますが、ページを読み込んだ時からサイトツアーを開始したい場合の表記です。実際はこれだけではなくCookieやユーザーIDなど利用して一度表示し終わっ… haradaハック2014.04.01 518
Intro.jsで特定のガイドだけ表示位置を変更する 通常ガイドのツールチップは、intro.jsファイル内のオプションで設定した位置に表示されます。例えばオプションを以下のように設定していた場合、通常のガイドではオブジェクトの下部へ表示されます。 function I… haradaハック2013.12.20 1,285
Intro.jsで途中からサイトツアーをはじめさせる 以下の方法で実装したIntro.jsで、最初から順番にではなく、途中の指定位置からサイトツアーをはじめさせたいときのタグです。 実装方法:サイトツアーやチュートリアルをIntro.jsで簡単に実装する 通常 <bu… haradaハック2013.12.19 481
サイトツアーやチュートリアルをIntro.jsで簡単に実装する サイトやサービスの利用方法を、順を追ってユーザーに説明したい際にIntro.jsが役に立ちます。 まずはIntro.jsから一式をダウンロードしてください。デモ画面もこちらの「Show me how」から確認できます。 … haradaハック2013.12.17 657