0

そのため、ホバーオーバー中に画像を別の画像に変更するのに苦労していますが、動きません。Godaddy でホストされている WordPress テーマを使用しているため、コードに慣れていません。
配置されたコードは次のとおりです。

<header id="header">
    <div id="logo">
        <a href="<?php echo home_url(); ?>">
            <img src="<?php get_option_tree('rb_logo_path', $theme_options, true); ?>" alt="<?php bloginfo('name'); ?>" />
        </a>
</div>
<p id="tagline"><?php bloginfo('description'); ?></p>
</header>
4

2 に答える 2

1

HTML を次のように調整します。

<header id="header">
    <div id="logo">
        <a href="<?php echo home_url(); ?>">
            <img class="default-image" src="<?php get_option_tree('rb_logo_path', $theme_options, true); ?>" alt="<?php bloginfo('name'); ?>" />
            <img class="hover-only" src="%%OTHER IMAGE URL%%" alt="<?php bloginfo('name'); ?>" />
        </a>
</div>
<p id="tagline"><?php bloginfo('description'); ?></p>
</header>

あなたのstyle.css

#logo a img.default-image {
    display: block;
}
#logo a img.hover-only {
    display: none;
}
#logo a:hover img.hover-only {
    display: block;
}
#logo a:hover img.default-image {
    display: none;
}
于 2012-12-17T14:36:34.343 に答える
0

マウス オーバー イベントを (たとえば jQuery を使用して) キャプチャし、画像を置き換える必要があります。

   $('logo').bind('mouseover', function() {
       $('img').attr("src","<other image url>");
   }

このコードをテーマ ソースに追加する必要があります。

于 2012-12-17T14:32:05.037 に答える