javascript - 如何在滑块上添加覆盖悬停？

Question

我将不胜感激。

我想在下面这个滑块的图像上添加一个图像/文本覆盖悬停。因此，当有人悬停图像时，会出现一个 50% 透明的黑色块，中间是“细节”图像/文本。

这是悬停的示例（缩放和详细信息按钮）：http ://themes.derby-web-design-agency.co.uk/Lola-Html-Theme/Light/

这是我想使用的滑块： http: //codepen.io/anon/pen/Alzhn

提前致谢 ！

Answer 1

无需重新发明轮子。考虑以下项目：

• http://wowslider.com/jquery-slideshow-huge-demo.html

• http://bxslider.com/examples/image-slideshow-captions

对于叠加层，您还可以考虑

• http://buildinternet.com/project/mosaic/1.0/

尝试上述任何链接进行实施，并更具体地说明您的问题。

例如，我遇到了 X 问题，我想做 Y，我尝试使用 XYZ 解决这个问题。您的 JS 小提琴只是您现有项目的副本，没有表明您尝试解决问题的方法。

与任何学习环境一样，我会先迈出一小步。在您的用例中，我将按如下方式解决问题：

1. 需要悬停标题
2. 需要滑块

然后，当第 1 步完成后，您可以在此基础上进行构建，依此类推。