wordpress - 悬停在wordpress上

Question

所以我一直在努力在悬停期间将图片更改为另一张图片，但它不会让步。我正在使用在 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>

Answer 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;
}

Answer 2

您需要捕获鼠标悬停事件（例如使用 jQuery）并替换图像。

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

您需要将此代码添加到您的主题源中。