Php 悬停时更改Wordpress特色图片

我在wordpress中为一个自定义帖子类型分配了多个特色图片。我试着让特色图片1（公文包标题图片）变成特色图片2（公文包悬停图片）。这里是我的php在我的wordpress自定义贴子页面中的特色图片来源。我尝试过各种jquery方法，但我的知识还不足以想出解决方案

一种CSS方法

标记：

<div class="portfolio-item">
    <a href="<?php the_permalink(); ?>" class="cont">

      <div class="unhover_img">
        <?php if( class_exists( 'kdMultipleFeaturedImages' ) ) { kd_mfi_the_featured_image( 'portfolio-title-image', 'portfolio' );}?>
      </div>

      <div class="hover_img">
        <?php if( class_exists( 'kdMultipleFeaturedImages' ) ) { kd_mfi_the_featured_image( 'portfolio-hover-image', 'portfolio' );}?>
      </div>

    </a>
    </div>

这个问题与您的插件kdMultipleFeaturedImages非常相关。你应该在他们的支持论坛上问这个问题，因为我们这里的大多数人都不知道它是什么以及它是如何工作的。
.hover_img {
  display: none
}
.cont:hover .unhover_img{
  display: none;
}
.cont:hover .hover_img {
  display: block;
}