Jquery或CSS将鼠标悬停在图像上并在Drupal视图中显示图像

时间:2012-03-30 06:15:22

标签: jquery css drupal xhtml drupal-7

感谢您对此进行调查。

我现在有一个Drual 7网络,我设置的视图显示的图像下面有一些内容。

我似乎无法在任何地方找到我可以修改视图如何显示内容的布局。

当您将鼠标悬停在图像上时,我需要能够在图像上显示一个魔法玻璃。每个图像及其内容都显示在一个名为.field-time的div类中。

我无法修改任何HTML,所以我只有drupal模板和css可以使用。我添加了Jquery来做到这一点,但不确定最好的方法。

1 个答案:

答案 0 :(得分:0)

你可以使用css来做到这一点。 据我所知,当你将光标悬停在.field-time

上时,你会想要放大镜。
.field-time:hover {
    cursor: url(*path to image*), auto;
}

图像的路径将是.gif或.png或您希望使用的指针。 我不确定这是否适用于所有浏览器。

您可以看到更多信息here

希望这有帮助