当ページの写真が動くアニメーション効果は「jquery.inview.js」を使っています。※IE10以上で動作します。
IE9以下だと挙動がおかしくなる(微妙に動いたり見えなかったりする)ので、一通りリセット(固定表示)しています。リセットスタイルは各ページのheadタグ内に入っています。
アニメーションのスタイルは、cssフォルダのinview.cssで調整できます。
自作アニメーションを作って適用する場合、jquery.inview_set.jsへの追加も忘れず行って下さい。
※アニメーションを使う場合は、「jquery.inview.js」を入手して下さい。
テンプレートのダウンロード直後の状態ではアニメーションは動きません。必ずマニュアルをご覧頂き、ファイルを入手して下さい。ファイルは簡単に入手できます。
※アニメーションを使わず、通常の固定表示にする場合。
html下部にある、
<!--パララックス用ファイル読み込み-->
<script src="js/jquery.inview.js"></script>
<script src="js/jquery.inview_set.js"></script>
の３行を削除。
続いて、html冒頭head内にある、
<link rel="stylesheet" href="css/inview.css">
の１行を削除して下さい。
<div class="box2">のみ指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
<div class="box2 transform1">と指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
<div class="box2 transform2">と指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
<div class="box2 up">と指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
<div class="box2 left">と指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
<div class="box2 right">と指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
それぞれ、
<figure class="transform1">
<figure class="transform2">
<figure class="up">
と指定しています。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
| 所在地 | 〒000-0000 東京都XX区XXXXXX10-10-10 |
|---|---|
| 営業時間 | AM9:00〜PM5:00 |
| TEL | 0120-0000-0000 |
| アクセス方法 |
|
| 駐車場 | XX台可 |
| 関連サイト |
|
