Post featured Image Link in Wordpress

[LANSGraphix]

jQuery(document).ready(function($) {
$('.news-box h3 a')
.attr('data-cursor-img', '/wp-content/uploads/2023/04/soccer_cover.jpg');
});

REFERENCE FROM THE ATTRIBUTE ABOVE, INSTEAD OF USING A LINK OF AN IMAGE, HOW CAN I SET THE DATA-CURSOR-IMG TO dynamicaly call the post featured image when $('.news-box h3 a') text link is hovered upon? Any clues?

[alvarindev]

you should write your code together with php!

[luiskabes-arch]

jQuery(document).ready(function($) { $('.news-box h3 a') .attr('data-cursor-img', '/wp-content/uploads/2023/04/soccer_cover.jpg'); });

REFERENCE FROM THE ATTRIBUTE ABOVE, INSTEAD OF USING A LINK OF AN IMAGE, HOW CAN I SET THE DATA-CURSOR-IMG TO dynamicaly call the post featured image when $('.news-box h3 a') text link is hovered upon? Any clues?

You need put an url of the featured image on the data-cursor-img, if you're make a custom template, you can do it like this

<?php
// Get the post's featured image URL
$featured_image_url = get_the_post_thumbnail_url(get_the_ID(), 'full');

// Output the HTML element with the data-cursor-img attribute
if ($featured_image_url) {
    echo '<div data-cursor-img="' . esc_attr($featured_image_url) . '">';
    // Your post content here...
    echo '</div>';
}
?>