-
投稿者投稿
-
2022年2月11日 9:58 AM #98689
構想段階なので、使ってるバージョンやサイト情報はありません
### 実現したいこと
アニメーションはSnow Monkeyにも機能があるし、Blocks Animationのようなプラグインもあります。
カルーセルもSnow Monkeyにありますねそこで質問ですが、最近というかちょっと前にはやった、パララックス(視差)をつかった表現を実現するための設定やブロックってありますでしょうか
多くはCSS3の機能をつかうか、JavaScriptで実装するようです。
もしない場合、どの様なアプローチで組み込むのが理想か教えて頂けますか### 試したこと
パララックスのサンプルサイトをいくつか見ました。こういうのがやりたいです
スレッドわけたほうがいいかもですが、
この事例のように全画面画像・動画も実現したいです。♥ 0Who liked: No user2022年2月11日 10:50 AM #986982022年2月11日 12:33 PM #98712参考サイトのように固定背景にするだけなら、デフォルトのカバーブロックでメディア設定を固定背景にすると実現できますが、PCとスマホで高さの調整が必要になったりするので、CSSで背景画像を指定して
fixed
にすれば、同じようなことができます。2022年2月13日 4:07 AM #98786お二人ご回答ありがとうございます。まーちゅうさんのがまさにイメージにあってます。
オレインさん。ブロックにはあるけど非推奨なんですね。そういえば遅くなるから辞めるとか言ってらっしゃったような気がしてきました。
ブロックを新たに作るのって難しいんでしょうか?PHPごりごり書く必要あります?CSSでパララックスのコーディングだけなら自分でも出来そうなきがするのですが。
まず、まーちゅうさんのやりかたでやってみて、さらにカスタマイズしてみたい場合はブロックをつくることを検討してみますね。
Snow Monkeyって以外とデザインのカスタマイズの自由度が高くて、デザイナーのわたしには助かります。
♥ 0Who liked: No user2022年2月14日 9:09 AM #98862ブロックを新たに作るのって難しいんでしょうか?PHPごりごり書く必要あります?CSSでパララックスのコーディングだけなら自分でも出来そうなきがするのですが。
ブロックは基本的なやり方だと PHP ではなくて JS の比率が大きいですね。ブロックをつくれるプラグインを使えば PHP でもつくれます(ダイナミックブロックになるので操作感は JS のものよりも劣ると思います)。
よく使うブロックでないのであれば、個人的にはカスタム HTML ブロックに HTML 書くでも良いのでは?と思います。
♥ 0Who liked: No user -
投稿者投稿
- このトピックに返信するにはログインが必要です。