Блог

Главная - Вопросы по программированию - как навести указатель мыши на избранный img в WordPress с помощью ACF

как навести указатель мыши на избранный img в WordPress с помощью ACF

#jquery #wordpress #hover #advanced-custom-fields

#jquery #wordpress #наведите курсор #дополнительно-пользовательские поля

Вопрос:

У меня есть код

 <div class=""/> <a href="<?php echo get_permalink( $post->ID ); ?>"> <?php
        if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
            the_post_thumbnail( 'full', array( 'class'  => 'img-fluid d-block mx-auto' ) ); // show featured image
        }

что я должен добавить, чтобы сделать избранный img зависшим. Наведенный img должен быть получен из поля ACF «imghover»

Ответ №1:

поместите этот код в свой файл.

 <div class=""/> <a href="<?php echo get_permalink( $post->ID ); ?>"> <?php the_field('imghover');?></div>

Комментарии:

1. Я думаю, что это добавит только указатель мыши внутри кода. Я хочу, чтобы изображение отображалось, и после того, как я наведу курсор мыши на изображение, я увижу наведение

2. @stecu <?php the_field(‘imghover’);?> получает ваше значение «imghover» из ACF

3. для наведения (установки на img) вам нужно добавить некоторый css-код для эффектов наведения…

4. Да, но я хочу функции onmouseover и onmouseout <div class=""/> <a href="<?php echo get_permalink( $post->ID ); ?>"> <img src="<?php echo get_the_post_thumbnail($the_query->post->ID); ?>" class="img-fluid d-block mx-auto" onmouseover="this.src='<?php echo esc_url($hoverimage['url']); ?>'" onmouseout="this.src='<?php echo get_the_post_thumbnail($the_query->post->ID);?>'" /> </a></div>