0

OK、私はここで本当に困っています。助けが必要です。

私は会社のクライアントのために取り組んでいるWebサイトを持っていますが、ページの上部にはjQueryスライドショー/無限カルーセルミックスが含まれており、両側に19ピクセルの白い境界線の間に現在の画像が表示され、カルーセルの他の部分は、青いオーバーレイの下と後ろに隠されているはずです。

クライアントが前/次の矢印 (現在、この POS を処理した後に再配置するベース テキスト リンク) をクリックすると、ページのカルーセルの中央に表示されている現在の画像が想定されます。白い境界線の下を左にスライドし、青いオーバーレイに入れます (透明なフィルム効果のようなものです)。

さて、左に移動しながら画像全体を一度にフェードさせることなく、画像を境界線の下にスライドさせてその上に色を重ねる方法について、私は困惑しています。とてもスムーズな移行になるはずです。

これは、最終的に次のように見えると想定されているものです。

http://www.powellcreative.com/clients/StansellHealth/images/help.png

これは今のように見えます：

http://www.powellcreative.com/clients/StansellHealth/

現在のルック アンド フィールの粗雑さに注意してください。これはまだ PSD からの基本的な開発段階にありますが、これは私を困惑させます。助けてください

4

1 に答える 1

0

使用できるテクニックを示すために、非常に簡単で機能しない例を作成しました。

http://jsfiddle.net/gdgKQ/1/

基本的に、2 つの完全に配置された、部分的に透明な div を使用して、作業中のコンプでフィルム エフェクトを作成します。時間があり、役に立ちそうなことがあれば、JavaScript を追加して実際の効果を示すことができます。

于 2012-08-28T19:26:39.617 に答える