問題タブ [rollover]

Flash CS3 / AS 2 を使用する作業プロジェクトを行っています (AS3 は使用できません)。私は、かなりの時間と正気を奪っているかなり興味深く毛むくじゃらの問題を抱えています。

ロールオーバー時に新しいデザインを表示し、ロールアウト時に最初のデザインに戻るバナーに取り組んでいます。この部分は正常に動作します。ただし、問題は、2 番目のデザインにもクリック可能な行動を促すボタンが含まれていることです。このボタンの上にマウスを置くと、これがロールアウトとしてカウントされ、最初のデザインに戻ります。

これまでのところ、クリック領域をムービー クリップに変換してから、Actionscript を使用してそのムービー クリップをクリック可能にしようとしました。

_root.cta_instance.buttonMode = true;

_root.cta_instance.onRelease = 関数 () { getURL(" http://www.google.com "); }

これにより、ロールアウトのトリガーが防止されますが、クリックできるようには機能していません。

私はあなたの集合的な専門知識に頭を下げます。頭に白髪が増えるのを防いでくれてありがとう！

デザインでは、さまざまなキャラクターのサムネイルを含む画像ギャラリーが必要です。サムネイルをロールオーバーすると、画像の拡大版が表示され、左側のdivに各キャラクターのヘッダーと説明が表示されます。

1）両方のdivをロールオーバー制御する方法はありますか？（拡大画像と説明）

と

2）これをcmsと同期させるにはどうすればよいですか？

読んでくれてありがとう ：）

Drew Dillard の素晴らしい DD_belatedPNG 修正 + jQuery を使用して、ホバー時にありふれた画像交換を実現しようとしていますが、PNG を使用し、IE6 で動作するようにしています。

例：<a id="thelink" href="blah.html"><img src="f-u-ie6.png" /></a>

DD のスクリプトは元の画像の可視性を「非表示」に設定するため、効果的にカーソルを合わせることができません。私が気付いたのは、多くの人がこの制限によって妨害されていることです。Drew が、PNG 修正の次のバージョンで回避策を見つけようとしていると述べたほどです。

それまでの間、代わりにイメージの親でホバー イベントを処理することで、これを回避できると考えました。そのため、onmouseover で DD_belatedPNG によって作成された VML オブジェクトを非表示にし、「thelink」に背景画像を設定し、onmouseout で VML オブジェクトを再度表示し、背景画像を何も設定しません。

次のコードは、VML オブジェクトにアクセスできるかどうかを確認するためのものですが、VML では機能しません。他のすべての子を隠しますが、VML は隠しません。何か案は？

あるいは、素晴らしい PNG 画像交換方法を提案できる人はいますか? リンクの背景画像を交換できることは知っています。ただし、A タグ内に何かを含める必要があります。それは私の場合ではありません。また、透明な GIF を A タグに入れ、背景画像を交換して効果を実現することもできますが、私は実際にはそうしたくありません。あなたの洞察に感謝します！

現在、Safari と Firefox で問題なく動作するポートフォリオ Web サイトを作成しましたが、IE 5、6、および 7 (8 ではありません) で問題が発生します。ポートフォリオ/概要/連絡先のロールオーバー (純粋な CSS) とポートフォリオ セクションのサムネイル (純粋な CSS) が正しく機能していません (正常なスプラッシュ ページを除く)。これらのロールオーバーには「アクティブ」な状態があるため、現在のページなどがわかります。ロールオーバーは、アクティブなサイトが下部に、非アクティブなサイトが画像の上部にある 1 つの画像です。

サンプル HTML ページのコードは次のとおりです。

そのコードのその領域の css は次のとおりです。

http://www.evaneesemanndesign.comで実際のサイトを表示できます。

現在、ロールオーバー中にさまざまな画像を背景に配置するだけでなく、z-index を使用しようとしましたが、これらのオプションはどれも機能していません。IE にロールオーバーの問題があることは知っていますが、どの解決策に従うべきかわかりません...特に、Web サイトの特定のセクションで機能するためです。

どんな助けでも大歓迎です。

ありがとうございました。

マディソン

基本的に、私はたくさんの<img>タグをたくさんの<div>'でラップし、それらにロールオーバーを実行させるためのいくつかのjavascriptを持っています。このページはIEとFirefoxで美しく機能しますが、Safariでは次のことができます。

「TypeError：式'ImageNavigateForum'[未定義]の結果はオブジェクトではありません。」

ここで、ImageNavigateForumはのIDタグです<img>。（ページ上のいずれかをロールオーバーすると、同様のエラーが発生し<img>ます。）

必要なコードは次のとおりです。

#NavigateForumstyle.cssに一致するエントリがあります

画面の左上隅にあるロゴの色が、ロールオーバーによって徐々に変化するのはどのような仕組みですか? jqueryでできていると思います。コードがわからない場合は、できるチュートリアルを教えてもらえますか? ありがとう。

http://www.shopdev.co.uk/blog/

更新: 皆さん、ありがとうございます。以下のコードの動作バージョンを投稿しました。

私はアドベント/クリスマスカレンダーを持っています。毎日が別の写真で、ドアがもう 1 つ開いています。これらの領域をクリック可能にするために、次のような CSS と ID を使用しました。

CSS:

HTML:

これまでのところ、すべて正常に動作しています。これで、画像がロールオーバーすると、マウス カーソルが領域上にある間、マウス カーソルの近くにドアが表示されるはずです。私は次のようなものを試しました：

しかし、この方法は、他の画像がドア領域よりも大きい場合には機能しません。他のアイデアはありますか？背景画像をスライスできません。これはオプションではありません。

領域内でマウスを追う必要はなく、位置を固定できます。ただし、この 2 番目の画像は、マウスがドア (または 2 番目の画像) の上にあるときにのみ表示されます。

最善の解決策は次のようなものです: http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

しかし、この場合、ズームインするのは同じ写真です。空白のGIFしかありません。最も賢いアイデアは何ですか？

ロールオーバー時に画像を置き換えるためにjqueryを使用するナビゲーションを作成しています。これが私が使用しているコードです：

http://peps.ca/blog/easy-image-rollover-script-with-jquery/

基本的に、ファイル名にサフィックス（_o）を追加し、srcをロールオーバーすると、jqueryはそれを（_o）.pngに置き換えます。フェードを追加したいので、ロールオーバーがある場合、遷移は瞬時ではなく、すばやくエレガントなフェードがあります。何か案は？

こんにちは、画像のロールオーバーについて質問がありますが、それはあなたの考えではありません。

http://www.asos.com/の例を見て、ホームボタンをクリックします (一番左のナビゲーション) 。

画像をロールオーバーすると、その画像が強調表示されたままになり、他の画像が暗くなることがわかります。

これがjqueryで行われたことは知っていますが、コードは非常に面倒です。誰もこれを見たことがありますか、それを行う方法を知っていますか?

ありがとう