工具提示内的图片 [英] Image inside tooltip tiptip

问题描述

我需要在具有悬停效果的工具提示中插入图像.

I need to insert an image in a tooltip with hover effect.

$(".tel_view").tipTip({defaultPosition: "top", delay: 400, fadeIn: 400,keepAlive:true,activation:"click"});

HTML:

<img src="img_ag/lente.png" width="16" height="19" alt="lente"   class="tel_view" title="">

这是我要插入到工具提示中的图像.

This is the image that i want insert to the tooltip.

<img src="img_ag/leg_in.png" id="prova">

是否可以在工具提示中插入图像?如何运作?

Is possible insert an image into the tooltip? How it works?

推荐答案

您好，您可以像下面这样在tipTip()中设置内容: 对于悬停tipTip，您必须默认删除activation:"click"参数在悬停时显示的参数.请参见 jsfiddle

Hello You can set content in tipTip() like below : For hover tipTip you have to remove activation:"click" parameter by default its displayed on hover. Please see this working jsfiddle

$(".tel_view").tipTip({
    defaultPosition: "top", 
    delay: 400, 
    fadeIn: 400, 
    keepAlive: true, 
    content: '<img src="img_ag/leg_in.png" id="prova">'
});

这篇关于工具提示内的图片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！