将鼠标悬停在我的 wordpress 网页上的文本上时如何显示图像答案

【问题标题】：How can I display an image when hovering over text on my wordpress web page将鼠标悬停在我的 wordpress 网页上的文本上时如何显示图像
【发布时间】：2012-05-22 03:36:31
【问题描述】：

好极客...

我有一个文件夹，其中包含数百名玩家的图片。

图片以玩家名字命名：

“约翰·多伊” “简·多伊”

我想在您将鼠标悬停在播放器名称文本上时显示播放器图像。

有什么想法我应该怎么做？

【问题讨论】：

标签： wordpress hover blogs

【解决方案1】：

看看tippy插件

http://croberts.me/projects/wordpress-plugins/tippy-for-wordpress/

这正是您要找的。

例如见 - http://scrobbn.com/cakedogg-and-presentcat/

我发现我不得不关闭移动浏览，因为图像不适合纵向显示在 iPhone 屏幕上。

google "viewport wordpress" 如何注释掉 header.php 中的代码

我敢肯定，如果您更改了选项，您可以使其适用于移动设备，但我不会被打扰。

【讨论】：

【解决方案2】：

如果您是从头开始，最好的方式来做谷歌。检查以下链接，我希望这是您所需要的-

LINK1

LINK2

LINK3

在Wordpress 中检查负责这些文本显示的文件，然后根据您的要求呈现这些文本，如上面的链接所示。

【讨论】：

【解决方案3】：

您可以使用一些 CSS 技能来做到这一点。就像在玩家姓名的文本中使用标签一样。将a.hover css添加到与对应播放器相同的带有背景图像的文本中。

【讨论】：

【解决方案4】：

这篇短文介绍了如何使用插件在几秒钟内为您的 Wordpress 网站创建图像翻转动画。无需代码。

http://wpvisualslideboxbuilder.com/how-to-create-a-wordpress-slide-box/

【讨论】：