1 つのコントロール メニュー (例: アイテム 1 | アイテム 2 | アイテム 3) のみを使用するスライダーを設定しようとしていますが、背景画像とテキストを含む div コンテナーの両方に影響します。
SAP の例を見てみましょう: http://www.sap.com/germany/index.epx この黄色の四角をクリックすると、ボックス内のテキストと背景の両方が変更されます (正しいアスペクトでも)。比)。
jCarousel、Nivo Slider、bxSlider など、いくつかのスライドショー プラグインを試してみましたが、JavaScript のスキルが低いため、目標を達成する方法がわかりません...
誰でも私を助けることができますか?
ありがとう、セバスチャン
編集:返信ありがとうございます!私はあなたの解決策を試し、コメントしました(以下を参照)。それに加えて、この効果を機能させようとしている Web ページへのリンクを提供します: http://prism-informatics.com/new/#
バックグラウンドのスライド効果には、「bgStretcher」というライブラリ/スクリプト/モジュールを使用します。背景画像のプリロード、素敵なトランジション効果、「ライブスケーリング」を提供します...
そして、ページの中央に jCarousel があります (「IT-Strategy」のようなテキストが入った白いボックス)。最善の方法は、ボックスの下のコントロール (数字「1」または「2」) をクリックすると、bgStretcher-script に適切な bg-picture にスライドするように指示することです... jsスキル、それを行う方法があるかどうかはわかりません...