問題タブ [rollovers]

jQueryを使用していくつかのロールオーバーを機能させようとしています。問題は、画像ソースをいくつかのphpコードを使用して取得する必要があることです。

私がjavascriptでこのようにインラインでそれを行うと、それは機能します：

$thumburl変数はまさにそれです。特定のサムネイルのURL。サムゲンビットは、いくつかのサイズと色の変換を行います。一緒にすると、彼らは私に白黒のURLと交換されるカラー画像を与えます。私はWordPressを使用しているので、サイズと色の変換はユーザーに対して自動的に行われるため、画像srcを指定するのではなくphpを使用する必要があります。

最初の質問は、このようにコードをインラインで実行するのは悪いことですか？2番。PHPが原因で、ロールオーバー用のjQuery関数を作成するのに苦労しています。私はそれがこのようになると思います：

しかし、これをどこに含めるかはわかりません。$ thumburl = wp_get_attachment_url（get_post_thumbnail_id（$ post-> ID））;

phpとjQueryを1つに組み合わせることができますか？

ありがとう

ナビゲーションバーのロールオーバーを作成する方法を知りたいのですが、可能であれば、ナビゲーションをホバーした後、JQueryを適用して不透明度を0から100に設定します。

ホバーしたときのナビゲーション。文字の輝き。

HTML :(空のdivは無視してください）

CSS：

こんにちは、Wordpressのメニューの後ろにロールオーバーの背景色を挿入するのに苦労しています。このサイトhttp://alecsoth.com/photography/でこの黄色い帯のようなものを達成しようとしています

これはメニューの私のCSSです（現在、灰色のボックスを取得して背景色のa：hoverリンクを試しましたが、機能しないようです）-

幅：80; マージン：0自動; }

幅：10em; マージン：-2.8em 0 0 0; フロート：左; 表示：インライン; 位置：固定; 幅：170px; 高さ：100％; パディング：-18.0em 4.3em 9.1em 5.5em; 背景：＃f5f5f5

幅：80em; マージン：1.7em 0 0 0; フロート：右; 表示：インライン; 最小-高さ：30em; }

幅：60em; マージン：0 2.5em 0 4.5em; フロート：左; 表示：インライン; }

ライトボックス ギャラリーを開こうとしています。画像が表示されるようになるまで、すべてが機能しているようです。ライトボックスの背景のフェードは配置されていますが、画像が通常表示される場所には表示されません。ライトボックスを挿入するコードは次のとおりです。

ロールオーバー画像を使用しているからでしょうか? ロールオーバーを外すとうまくいくようですが、サイトの残りの部分で使用されているので、ロールオーバーを維持したいと思います。

どんな助けでも大歓迎です。さらに情報が必要な場合は、お知らせください。

シンプルなロールオーバー画像を作成しようとしており、CSS と JavaScript メソッドを使用して作成しました。ただし、この画像をリンクすることはできません。

CSS バージョン (以下を参照) では、背景画像を使用していましたが、「空の」HTML ブロックでリンクが認識されませんでした。

JS版ではimagesフォルダから画像を呼び出しています。CSS と同様に、リンクは「空の」HTML ブロックでは認識されません。HTML ブロックに画像を配置した瞬間、ロールオーバーが機能しなくなります。

現在、HTMLコードに次のものがあります。ロールオーバーは機能しますが、リンクは機能しません:

この例では、リンクは機能しますが、ロールオーバーは機能しません。

どんな提案でも大歓迎です。これは非常に単純なものでなければならず、なぜ機能しないのか理解できません。私はこれを正しく行っていたと誓ったかもしれません...

私は自分の会社のために新しいサイトを開発しようとしているHTMLの初心者です。以下にプロトタイプがあります。

http://www.technomot.com/index_3.html

私はそれがうまくいくと思いますが、私のもっと...えーと..先輩の同僚はあなたがもっと知るためにロッカーカバーをクリックするのは明らかではないと思います。これは、背景画像の下部とタイトルフィールドに指示を入れたにもかかわらずです。

私の同僚が望んでいるのは、ロールオーバーが自動的に順番に循環することです。これにより、ユーザーの目が彼らに引き付けられます。

何かご意見は？

画像とフォームにロールオーバー効果を持たせることは可能ですか?

つまり、ユーザーがホバーするとロールアウトしてフォーム（ログインまたはサインアップフォームなど）が表示される画像が必要です。

このようなものは見つからないので、不可能だと思いますが、聞いてみようと思いました!

ありがとうございます

この数日間、このCSSロールオーバーメニューをInternetExplorer8で機能させるように努めてきました。動作しません。アクティブなリンクすらありません。時々、ロールオーバー画像が背景に浮かんでいるのを見ることができます。助けてください。

HTMLは次のとおりです。

CSSは次のとおりです。

私がクラックしようとしているのはかなり単純なナットです。CSSのみで画像のロールオーバーを行っています。a href リンクをプラグインすると、機能しません。機能しないということは、リンクのように機能しないため、クリックしてページにアクセスできないということです。と何らかの関係があると考えていますが、<li>何が原因なのかわかりません。ここに私のHTMLとCSSがあります：

CSS

HTML

http://jsfiddle.net/PaulNLondon/dG3Gb/

jsFiddle は、これまでに到達した場所を示しています (これを使用するのは初めてだと思います)。. . 画像ベースのメニューとテキストベースのロールオーバー メニューを連携させようとしています。

jsFiddle でこれを表示することはできませんでしたが、表示される区画の高さの 2 倍の画像を使用しており、ホバー時に位置をシフトして画像の代替バージョンを表示しています - jsfiddle で私が行ったことdiv の背景に色を付けて、位置を示すだけです。それらは、次から次へと連続して望ましい視覚効果を与えるために非常に特別に配置されています。(ページ タイトル テキストと jsFiddle の最初の画像ブロックの重なりは問題ではありません。)

私の目的は、画像にカーソルを合わせると、関連するテキストメニュー項目の太い下線がオンになり（下の境界線設定を使用しました）、画像シフトを使用して画像メニュー自体に代替画像を表示することです。. . そして、テキストメニューの項目にカーソルを合わせて、メニュー項目テキスト自体の下線をオンにし、画像メニューの関連する画像を代替画像に切り替えたいと考えています。

画像をホバリングして下線をオンにすることでほぼそこにいると思いましたが、私が解決した div ごとの div 配置は、Firefox を使用してのみ正しく表示されるようです (jsFiddle では配置が機能していないことがわかります)。

あなたの意見では私のアプローチがすべて間違っているとあなたが私に言うつもりであっても、あなたが持っているかもしれない提案をいただければ幸いです. ここで CSS と HTML の限界に達しています。私は実際には JavaScript をまったく知りません (Dynamicdrive で見つけたスライドショーに JavaScript と jQuery を使用したことを除いて)。