Change Wordpress Featured Image on Hover

-1

У меня есть несколько признанных изображений, назначенных настраиваемому типу сообщений в Wordpress. Я пытаюсь сделать так, чтобы отображаемый образ 1 (портфолио-образ-изображение) менялся на изображение 2 (портфолио-изображение-изображение) при наведении указателя мыши. Вот мой php на своих страницах сообщений Wordpress, на которых появляются избранные изображения. Я пробовал различные jquery-подходы, но мои знания недостаточно велики, чтобы придумать решение.Change Wordpress Featured Image on Hover

<div class="portfolio-item"> 

<a href="<?php the_permalink(); ?>"> 

<?php if(class_exists('kdMultipleFeaturedImages')) { kd_mfi_the_featured_image('portfolio-title-image', 'portfolio');}?></a> 

<?php if(class_exists('kdMultipleFeaturedImages')) { kd_mfi_the_featured_image('portfolio-hover-image', 'portfolio');}?></a> 

</div>

источник

2013-09-14 Amber Bird

этот вопрос весьма специфичен для вашего плагина, kdMultipleFeaturedImages. Вы должны спросить об этом на форуме поддержки, поскольку большинство из нас здесь не знают, что это такое и как оно работает. –

Подход CSS.

Markup:

<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>

CSS:

.hover_img { 
    display: none 
} 
.cont:hover .unhover_img{ 
    display: none; 
} 
.cont:hover .hover_img { 
    display: block; 
}

источник

2013-09-14 14:43:46

Change Wordpress Featured Image on Hover

ответ

Смежные вопросы