Tooltips Tips: How I can put a tooltips with texte on hover an image?

At first, please open https://yourdomain.com/wp-admin/edit.php?post_type=tooltips&page=tooltipglobalsettings
In the setting panel “Enable Tooltips for Image”, please select “I want to enable tooltips for image”

And then you will find in the next setitng panel, you can setting “Tooltips for Image Keyword Matching Mode”, for example you can choose “Use REL attribute in img tag as content of tooltips for image”

The setting panels looks like this:

Tooltips Image Setting Panels

Tooltips Image Setting Panels

When you edit a post and insert a image into your post, please remember add rel attribute in your image, it looks like this:

<a href=”https://tooltips.org/wp-content/uploads/2017/05/wordpress-tooltip-customize-style.png”><img src=”https://tooltips.org/wp-content/uploads/2017/05/wordpress-tooltip-customize-style-1024×516.png” rel=”Tooltips DEMO” alt=”Tooltips Style Customization Panel” width=”605″ height=”305″ class=”size-large wp-image-882″ /></a>

Then in the front end, when you hover the image, you will find a tooltip popup window which show the text “Tooltips DEMO”

Tagged with: , , , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *

*