クライアントは、Google Play がヒーロー スライダーを処理する方法を本当に気に入っていると述べています。jQueryCycle で効果を複製しようとしましたが、役に立ちませんでした。同じ効果を達成するための最良の方法に光を当てることができる人はいますか?
なじみのない方のために: https://play.google.com/store?hl=en - スライダーには、集中化された「現在のスライダー」と、画面の後ろに表示される「前」および「次」のスライド プレビューが表示されます。それは連続的で、いつでも前と後を見ることができます。
継続的ではありません。右側のものはスライド間でスライドするのではなく、表示されるだけです。カルーセルの基準を高く設定しているわけではありません。
本当に必要なのは、古いカルーセルを 3 つのセグメントに分割し、セグメント 1 と 3 の上に半透明のオーバーレイを永続的に配置し、セグメント 2 の上でオンとオフを切り替えられるものだけです。スライドが完了するたびに、#2 のオーバーレイを非表示にします。始めるたびに、もう一度見せてください。
知りたいこと:
CSS を使用して絶対要素を相対配置要素にルーティングすることで、レイアウトに影響を与えずに絶対パネルをコンテンツ上に固定できます。
jQuery でコールバックまたはカスタム イベントを使用する。
パネルの背景として使用するために、Photoshop で透明/半透明の .png 画像を作成する方法。