WordPressのcustom.cssのみを使用してメニュー内の項目を置き換えます。

-4

別の画像を下にスクロールすると、この画像を置き換えます。WordPressのcustom.cssのみを使用してメニュー内の項目を置き換えます。

まず、メニューは次のようになります。

そして、私は少し下にスクロールすると、メニューが次のようになります。

はこののcustom.css使用して交換することが可能ですメニューのアイテム？私はこの写真を別の写真に置き換えたいだけです。 custom.cssのみを使用して行うことは可能ですか、またはファイルへのアクセスを必要とし、ここでJavaスクリプトを使用する必要がありますか？

someneはどうすればいいのでしょうか？自分のサイトへ

リンク：http://test.projekt-tenis.pl/wordpress/

出典

2017-07-17 Michael

スタイル属性ではなく要素属性（ 'src'）を変更したいので、あなたの解決策は不可能であるか、または非常に醜い（ソース画像を隠していても何らかの形で背景画像を割り当てている）さらに、画像を条件付きで参照できるようにするには、祖先要素を変更する必要があります。しかし、最も重要なことは、あなたに十分な情報を与えていないことです。 [最小限の完全で証明可能な例]（https://stackoverflow.com/help/mcve）を含めてください。 *（Side-note：Java ** Script **はこれをより簡単にするでしょう、はい、Javaは全く異なります）* – Santi

JavaScriptとJavaは非常に異なるものです。私はそれを変更するためにあなたの質問を編集する必要があると思う。 –

@KirkBeardここであなたのつま先を踏み出すことはありませんが、私はJavaScriptが全くタグ付けされていないと思っています。 OPは、CSSファイルのみを変更するソリューションのリクエストで非常に具体的でした。したがって、この質問はJSタグのメリットとは思われません:) – Santi

は、この旋回を与える：

.is-sticky img.menu-image-title-hide { 
    background: url(http://www.spiritvoyage.com/blog/wp-content/uploads/Screen-shot-2011-12-06-at-2.56.08-PM-150x150.png) no-repeat; 
    width: 150px; 
    height: 150px; 
    padding-left: 150px; 
}

はトリックを行う必要があります。元のsrcイメージを途中で移動し、背景イメージを追加します。あなたのユーザーが関心を持つ限り、それは1つのイメージから別のイメージに反転するように見えます。

jsによってスクロールすると、クラスの.is-stickyがヘッダーに追加されるため、これは機能します。

出典

2017-07-20 15:48:37

WordPressのcustom.cssのみを使用してメニュー内の項目を置き換えます。

答えて

関連する問題