問題タブ [image-replacement]

Bootstrap で mixin を見たので、画像の置換やテクニックについて学びました。最近、何度か出てくるのを見たので、調べてみることにしました。私はこの記事を見つけましたが、大騒ぎが何であるかを理解していないことを告白します. 「置き換え」たいテキストに IMG タグを付けてみませんか?

私は全くの初心者ですので、お気軽にどうぞ。

別の要素にカーソルを合わせているときに、1 つの画像を 2 番目の画像に置き換えようとしています。私の問題は、最初の画像だけがリンク画像に置き換えられていることです。各画像にIDを付けましたが、それを適用する方法がわかりません。

あなたが提供できる助けを前もってありがとう！

これが私がこれまでに持っているものです：

脚本：

HTML:

こんにちは、モバイル/タブレットで text-hide クラスが機能しないという問題を抱えている人が他にいるかどうか疑問に思っています。その要素は、主に「色」および「フォントサイズ」属性の Boostrap 独自の CSS によってオーバーライドされるようです。カスタムCSSに入れて、より具体的なセレクター名を付けると、機能することがわかりました! この場合、「navbar-brand」に適用して、ロゴを背景画像として使用し、テキストを非表示にします。

組み込みの画像置換クラスがあるのは素晴らしいことですが、独自の CSS によってオーバーライドされるのは奇妙です。

ありがとう

クリックすると前後の画像が切り替わるスライドショーを作成しました。また、各画像のキャプションをクリックするたびに同時に変更しようとしています。個々の画像ごとに機能しますが、ユーザーが次のスライドに移動すると、テキストは前のスライドの状態のままになります。そのため、すべてのスライドが前の画像を使用して開始されたとしても、テキストが「後」と表示されているときにユーザーが次のスライドに進むと、「後」と読み続けます。

可能であれば、これらの関数のより簡潔な書き方を教えてください。（1つの関数でそれを書く方法があるに違いないと思います）。各画像で同じであるため、テキストを変更するためだけに新しい関数も作成しようとしましたが、同じ問題がありました。

kellum メソッドは実際には html ボタン要素では機能しないことがわかりました。より正確には、機能しますが、テキストのインデントを増やす必要があります。要約すると、これはテクニックです：

ボタン要素を使用すると、テキストをさらにインデントする必要があります。たとえば、200% とします。特定のルールはないようですが、確かに 100% 以上です。なんで？