問題タブ [rollover]

クリックで HTML を切り替えることは可能ですか?

大きな画像のインデックス ページがあります。画像の下に 4 つのリンクがあります。カーソルがリンクの上を移動すると、小さなツールチップが表示されます。ユーザーがリンクをクリックすると、大きな画像が変更され、その上に追加の HTML が表示されます (小さなコンテンツ ボックスのみ)。

jQueryを使用してツールチップを理解したと思いますが、画像を変更して小さなコンテンツボックスを追加する方法がわかりません。

よろしくお願いします。

http://tablesorter.com/jquery.tablesorter.zipから jQuery プラグイン Tablesorter 2.0 をダウンロードし 、tablesorter/docs ディレクトリにある example-pager.html を変更しました。

追加のロールオーバー効果を書きました:

そしてもちろん、themes/blue/style.css ファイルを変更しました。

これはすべて正常に機能しますが、さらにページ、つまりページ 2 3 または 4 に移動すると、効果がなくなります。私は本当にあなたの助けに感謝します

〜私の記事ページ（http://www.adrtimes.squarespace.com/articles）では、各エントリはロールオーバー時に変化する画像で始まります。これは正常に機能しています。

ただし、私のホームページ（http://www.adrtimes.squarespace.com）では、ビデオとして分類されていない最新の2つの記事と、ビデオとしてタグ付けされている最新の2つの記事を読み込んでいます。jQuery load（）を使用して、記事ページからコンテンツを取得しています。ホームページのswapImageロールオーバーを除いて、すべて問題なく動作します。swapImage関数をコールバックとして含めようとしましたが、コンテンツの両方のグループではなく、どちらか一方のグループのみが適切にロールオーバーします。何が問題なのかわからない!!

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

そして、これが記事エントリの画像のhtmlのサンプルです。

小さな問題がありますが、少し困惑しています。

次のコードを使用して、Web ページでロールオーバーを実行しています

これは個々の画像にはうまく機能しますが、そのうちの 1 つをロールオーバーして、もう 1 つの画像も変更したいと考えています。

どんな助けでも大歓迎です！ありがとうございました！

UPDATED: 06.29.10 これまでに使用したコードは次のとおりです。Jqueryのドキュメントを検索した後、私は本当に近づいています。

したがって、ロールオーバーに関してはすべて機能しています。イメージの末尾に _org (通常状態)、_over (最初のロールオーバー状態)、および _over2 (2 次ロールオーバー状態) を付けました。私の問題は、バラバラのロールオーバー、または二次ロールオーバーの円ボタンをターゲットにすることにあると思います。モックアップのリンクを参照してください。

次のモックアップは、まさにナビゲーションに必要なものです。 モックアップはこちら

更新: 06.30.10 現在作業中!!! ただし、複数のリンクを投稿することはできません...うーん！テストリンク付きのコメントを投稿します。

配列とループを使用してこれを単純化する方法について非常に興味がありますが、面倒なことはしたくありません。上記のコードが機能しなかった理由についても混乱しています。正しい要素を選択しているように見えましたが、src は変更されませんでした。私は何か間違ったことをしていたと確信していますが、私は学ぶためにここにいます. :)

素敵なフェード効果のある単純な画像ロールオーバーとして機能するJQueryスクリプトがあります。

これが現在動作中のスクリプトのテストバージョンです-http://fi-testing.co.uk/SO/rubix-cube.html

ご覧のとおり、9つのブロックがあります。クライアントは、ロールオーバーがランダムに（ホバーなしで）発生して、波紋/脈動効果を作成することを望んでいます。

これはJQueryまたはphpのいずれかでどのように達成されますか？また、ホバーするとランダム化が中断され、通常どおりに機能する可能性がありますか？

不明な点がある場合は申し訳ありません。

助けてくれてありがとう。

ダン

マウスをその上に置いたときに変更したい小さなサムネイル画像があります。ロールオーバーで画像を交換せずにこれを行う方法があるかどうか疑問に思いました。たとえば、CSSを使用して、ロールオーバー時に不透明度を変更できますか？変更を加えるためにロールオーバーでCSSを使用して画像を操作する方法について他にアイデアがあれば、私はオープンです。

ありがとう！

私はかなり画像が多いサイトを持っており、ページ上の多くの画像に画像のロールオーバー（：hover）があります。ページは読み込まれますが、ロールオーバー画像の読み込みに時間がかかり、ユーザーが最初に画像をロールオーバーするとちらつきが発生します。私はこの問題が何度も議論されていることを知っていますが、うまくいく適切な解決策を見つけられませんでした。

私はサファリを使用しています。バックグラウンドのロールオーバーはcssを介して行われます。ある種のホバー画像プリローダーや遅延スクリプトなどが必要ですが、どんな提案でも大歓迎です

ありがとう

データグリッドの前に使用し、メソッドをオーバーライドしてその問題を修正しましたが、高度なデータグリッドに移動する必要があり、まだ答えが見つかりませんでした。

私は現在、このクリッカブル マップ ( Wolf's map ) を使用していますが、スクリプトの基礎として機能するリストに加えて、2 つ目の国リストを使用したいと考えています。表示上の理由から、2 番目のメニューをマップと同じ DIV に配置することはできません。選択した要素とは別の要素でアクションをトリガーする方法を理解するために JQuery のドキュメントを検索してきましたが、それが正しいかどうかはわかりません。おそらく機能していないためです。

元のスクリプトは次のようになります。

私がやりたいことは、#europe li a ではない別の要素をホバリングしたときに同じアクションをトリガーすることです。私はこれを試しました：

それは何かを作りますが、望ましい効果ではありません: マップは確かに移動できるように見えますが、適切な位置には移動できません (2 番目のメニューに数回ホバーすると背景が白くなる国もあります)。

あなたが私を助けることができれば、私はとても感謝しています!

よろしく。

PS : 関連する HTML および CSS の一部。

元のリスト

追加したいメニュー

元のCSS