藤心流メイン・ビジュアルの試作品
セクションの背景に２枚の画像を入れて、スライドショーを実装しています。
背景画像の動きとして、パララックス効果を実装しています。
画像をよく見ると少ない動きでズームアップしているのが分かると思います。
それがパララックス効果なのです。それもElementorの無料版で可能なのです。
こんなメイン・ビジュアルは如何でしょうか？
セクションの背景に２枚の画像を入れて、スライドショーを実装しています。
その詳細設定が、左の「セクションを編成」での「背景」設定内容になります。
背景画像の動きとして、パララックス効果を実装しています。
即ち、画像をよく見ると少ない動きでズームアップしているのが分かると思います。
それがパララックス効果なのです。このパララックス効果を実装するためだけで、
Ken Burns エフェクトを ON「はい」に設定することなのです。
どうですか？、上記のようなアイキャッチ画像もどきのメイン・ビジュアルを
HPのトップページに設定したら素晴らしいページになると思いませんか？
Elementorの無料版でも、こんな素晴らしい画像再現が実装できるのですよ！
藤心流・背景固定化画像の仕様です。
吾輩は猫である。名前はまだない。どこで生れたか頓と見当がつかぬ。
何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
背景画像の固定化を実装するには？
セクションの背景に画像を入れて、左の設定を実装することで、スクロールすると
画像が固定される仕様を実装することができます。
ポイントは「添付」で「固定」と設定し、Display Sizeで「カバー」を設定することです。
Lightboxでポップアップ
下記の画像の上でクリックしてみて下さい。
画像の上でクリックしてLightbox型のポップアップする画像設定です。左図の画像設定でポップアップが実装可能です。
即ち、「リンク」で「メディアファイル」を選択し、
「Lightbox」でON（はい）を選択することで、
Lightbox型のポップアップ画像が表示されます。