私は今日、次のことを試みて約7時間を費やしています。
a)集中的なjavascriptおよびCSS3機能を使用して独自のカルーセルを作成します(このペーストビンを参照)
b)FredHQのRoundaboutプラグインをセットアップして統合します
c)ProfessorCloudのCloudCarouselプラグインをセットアップして統合します
自分でやりたいことを達成できなかったため、両方のサードパーティソリューションを試しました。残念ながら、どちらのソリューションも、私が要求するようには機能しません。どちらも画像の表示には最適ですが、より複雑なコンテンツ、内部に複数のカプセル化されたDIVを含む高度なスタイルのDIV、透明度のあるPNGなどを表示する必要があります。
FredHQのバージョンは、DIV内のコンテンツをスケーリングしなかったため、機能しませんでした。font-sizeパラメータを削除するまで、テキストも拡大縮小されませんでしたが、それは適切なレイアウトに必要なものです。クラウドのバージョンは画像でのみ機能します。
私は壁にぶつかりました、そして私は他の解決策を見つけることができないようです。「カルーセル」という言葉はスライドショーやスライダーに使用されているようです。そのため、このようなソリューションは何百もありますが、必要なソリューションではありません。
私が必要としているのは、中央のオブジェクトが完全に不透明になっている間に、他のオブジェクトの不透明度を下げることです。また、さらにオブジェクトは、特定のスケール係数でスケールダウンする必要があります。3Dである必要はありませんが(望ましくない場合もあります)、スケーリングにより3Dのように見えます。
jQueryである必要はありませんが、そうである場合はおそらく良い考えです。
誰かが私を知っているか、誰かが私に適切な解決策を教えてもらえますか?