コンテナにパララックスを設定する方法

bingo!CMS1.7の機能を使用してコンテナにパララックス効果を設定します。
※パララックスとは、複数の要素(画像やテキストなど)を異なるスピードで動かす事で得られる視差効果です。

 

コンテナにパララックスを設定する

※1 「bingo!CMS 1.7」をご利用の方のみ設定できます。
※2 スキンはV17のものをご使用ください。

はじめに、bingo!CMS管理画面にログインし、メニュー&ページ管理をクリックします。
設定したいページがあるメニューのメニュー名をクリックし、該当するページのページ編集ボタンをクリックします。
 
  1. コンテナモードでページにコンテナをドラッグ&ドロップし、ポップアップメニューからコンテナ設定画面に入ります。
  2. 背景タイプが「背景画像」になっていることを確認し、ファイル選択ボタンから背景画像を設定します。

※コンテナのレイアウト設定はデザインに合わせ任意で設定してください。
  1. パララックスを”する”へ変更し、スクロールスピードを設定します。
  2. 保存します。

※スクロールスピードは初期値200pxになっています。お好みで変更してください。
  1. パララックスを設定したコンテナの下に任意でコンテンツを作成します。
  2.  ページが完成したら、画面を下にスクロールしてみましょう。
  3. パララックスを設定した背景画像に、下のコンテンツが重なっていくように見えれば完成です。
※完成したページをスクロールしてパララックス効果を確認します。
 

ページトップ