問題タブ [rollover-effect]

Fluids images で構成されるギャラリーを使用してレスポンシブ サイトを作成しています。このためには、css img {max-width: 100%;}を使用する必要があります。また、ホバー時にフェード効果が必要です。

誰にもこれに対する解決策がありますか？

これまでのところ、私が試したすべてのソリューションは、css img {max-width: 100%;} では機能しません。

ご助力ありがとうございます！

誰かがこのコードを手伝ってくれるかどうか知りたいですか？フェードイン/フェードアウトで不透明度トランジションを追加したいと思います。私はすでに一人で試していますが、jQueryの初心者なので、成功しません:(

どうもありがとうございます ！

コード

Jquery

Css

HTML

WordPress でレスポンシブ サイトを構築しており、3 つのホットスポットを含むインタラクティブなダイアグラムを作成する必要があります。三角形の角にある 3 つのアイコンはそれぞれ別のホットスポットになります...

青色をロールオーバーすると、青色の矢印とテキストが表示され、三角形の他の部分が部分的に隠されます -ここに見られるように. 同様に、緑をロールオーバーすると、緑の矢印とテキストが表示されます。そして最後に、ピンクをロールオーバーすると、ピンクの矢印とテキストが表示されます。

これまで CSS スプライトを試したことはありませんが、古い JavaScript の onMouseOut / onMouseOver メソッドよりも優れていることは理解しています。このインタラクティブな図を作成する最善の方法を教えてください。私はコーディングがあまり得意ではありません。どんな援助でも大歓迎です。

ありがとう！

こんにちは、私はまだ友人のために同じ Web モックアップのデザインに取り組んでおり、いくつかのことを理解しようとしているので、将来のために知っています。

まず、背景画像が適切に配置されていません (固定から変更すると変更されることはわかっていますが、そのスクロール効果が必要です)。コードは次のとおりです。

背景のサイズをいじると、寸法がウェブサイトに収まりません。

1. 私は自分のコンピューター (まだサーバーをセットアップしていません) からパブリック フォント ジェネレーター Web サイトにフォントを OTF ファイルとしてアップロードし、昨夜作業していたときにコンピューターで実行していましたが、今は私のコンピューターからオフィスのコンピュータでは、フォントはデフォルトで表示されます。回避策はありますか? それともサーバーが必要ですか？

2. 下の写真にいくつかのロールオーバー効果を追加し、全体的に少し拡大し、フェードアウトして、reigningchamp の Web サイトと同様にテキストを追加したい (下にスクロールすると、2 つのリンクを投稿するのに十分な担当者がいない?!?)コードの動作:

   /li>

また、ブートストラップフレームワークを使用しているため、クラスのサムネイルを呼び出してサムネイルを拡大しようとすると、画像を大きくする方法は何も変わりませんが、画像はそのままです。

1. 最後にもう 1 つ、サイトのフォーマットをブラウザ ウィンドウやモバイルなどに合わせて調整する方法に関する一般的な質問です。フォントがページ上で実行されなかったり、上部のロゴが誤って配置されたりすることはありませんか? これは、私が codeacademy を通じて学習に取り組んできた JavaScript に関係している可能性があります (ただし、これまでのところ、Web サイトの機能ではなく、これらすべてのゲームとランダムな機能です)。ウィンドウを小さくすると、ナビゲーション メニューのテキストが .jumbotron div に表示されます。

みんなありがとう、私はそれをよく知っていますが、誰かがこれらの1つで私を助けてくれることを願っています!!

**JSFiddle はこちら** http://jsfiddle.net/thedonmon/KZ7d8/5/

私は JavaScript に比較的慣れていませんが、HTML 内でインライン イベントを使用せずにロールオーバー関数を呼び出すためのより効率的な方法を見つけようとしています。以下は私が現在使用している方法です：

HTML

JS

基本的に、画像またはロールオーバーがマウスオーバーされたときに各work_squareに配置されたロールオーバーにCSS変換と不透明度の変更を適用し、マウスアウトで変更を削除する関数を呼び出しています。

この方法は機能しますが、インライン コーディングは悪い習慣だと理解しています。誰かが私をより効率的な方法に向けて正しい方向に向けることができますか?

ありがとう。

私はjavascriptとjqueryに非常に慣れていないので、助けが必要です。すべての画像にカーソルを合わせると、画像の src を変更するにはどうすればよいですか? たとえば、facebook-icon をホバーすると変更され、google+ 画像/アイコンをホバーすると別の画像に変更されます。

前もって感謝します！

ホバー効果のある円とその下のテキストがあります。今私が達成しようとしているのは、円自体だけでなく円コンテナー全体をロールオーバーしたときに、そのホバー効果をトリガーすることです。

デモ http://jsfiddle.net/kL0vxrxL/

iPad およびモバイル デバイス用のインタラクティブな PDF でロール オーバーを機能させるのに問題があります。解決策を探すのに何時間も費やしましたが、この特定の問題については何も見つかりませんでした...

私が持っているのは、閲覧者がチェックボックスを介して質問に答えることができるドキュメントのセクションです。チェックボックスは正常に機能します。ただし、不正解のチェック ボックスをオンにすると、ロール オーバー時に「ポップアップ」ウィンドウが表示され、正解にたどり着きます。私は、デザイン段階で InDesign と Acrobat を使用してこれを実行しようとしました。現在、機能は主に Acrobat を介して行われています (最終目標に近づいているようです)。

設定と同じくらい単純なのか、それとも何なのかわかりません。どんな援助でも大歓迎です。必要に応じて、より具体的な情報を提供できます。ありがとう！