0

私の問題は次のとおりです。画像のリストをフェードイン/フェードアウトするjQueryスライドショーがあります。可能であれば、このスライド ショーの横に一連のリンクを配置する必要があります。これらのリンクは、説明する画像のフェードインに合わせてわずかに拡大またはズームします。

つまり、ループには 4 つの画像があり、左側には画像に関連する 4 つのリンクがあります。現在の画像に対応するリンクを何らかの方法 (拡大、ズームなど) で強調表示したいと思います。

テキスト「onmouseover/onmousehover」のアニメーション化に関するドキュメントはたくさんありますが、理想的には、アニメーションを関連する画像と同期させたいと考えています。これは Flash の方がはるかに簡単ですが、SEO と使いやすさの理由から、リンクは実際のテキストにするか、少なくともテキストのインデントを含むスプライト画像にする必要があります (これがこの問題の解決策を提供する場合は、cufon も問題ありません)。

以下は非常に基本的なバナーのデザインへのリンクです (ご親切に)。スライド ショーは機能しますが、リンクは現在静止画像にすぎません。この説明とこの例で、私が達成しようとしている効果を完全に理解できることを願っています。

例へのリンク

ご協力いただきありがとうございます。

編集: jQuery を使用して CSS に値を「注入」できることを認識しているため、リンクの font-size プロパティを増減でき、このアクションを jQuery でアニメーション化できると想定しています。この一連の動作を適用する方法がわかりません。私はjQueryの初心者です。

4

1 に答える 1

1

リンクのスタイルを変更するには、Jquery のanimate()を使用します。例：

$( "#link1" ).animate({
   color:red, opacity: .5
}, 1000, "linear", function(){ alert("all done"); });
于 2011-03-07T15:37:08.393 に答える